分享一个音乐可视化的前端库 audio-visualizatio

2020-02-17  本文已影响0人  小生不才_

这个库写的很比较简单

图片例子

将数据填入图表


将数据填入表

自定义数据显示


自定义数据显示

简介

audio-visualization 是一个通过 WEB-AUDIO-API 实现的实现的音乐可视化的库,通过本库你可以获取到当前音频的音频频谱。

例子

请参考: ./docs/demo.html 或者 点击我

使用方法 已支持语法提示

  1. script引入
    下载index.js 正常引入
  2. require
    npm install audio-visualization
    require('audio-visualization');
  3. webpack / vue
    import AV from 'audio-visualization';
const av = new AudioVisualization({
  url: './1.mp3',
  loop: false,
});
// 调用 setVoiceSize 可设置 声音大小
av.setVoiceSize(100);
// 调用 setFftSzie 可设置 frequency长度 
av.setFftSzie(128);
// 调用 play 传入 回调函数 frequency 可获取到频谱
av.play(function ({frequency}) {
  console.log(frequency);
});
上一篇 下一篇

猜你喜欢

热点阅读