美文网首页
分享一个音乐可视化的前端库 audio-visualizatio

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

作者: 小生不才_ | 来源:发表于2020-02-17 20:47 被阅读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);
});

相关文章

网友评论

      本文标题:分享一个音乐可视化的前端库 audio-visualizatio

      本文链接:https://www.haomeiwen.com/subject/libryctx.html