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

这个库写的很比较简单

图片例子

将数据填入图表 将数据填入表 自定义数据显示 自定义数据显示

简介

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';
1const av = new AudioVisualization({ 2 url: './1.mp3', 3 loop: false, 4}); 5// 调用 setVoiceSize 可设置 声音大小 6av.setVoiceSize(100); 7// 调用 setFftSzie 可设置 frequency长度 8av.setFftSzie(128); 9// 调用 play 传入 回调函数 frequency 可获取到频谱 10av.play(function ({frequency}) { 11 console.log(frequency); 12});
点赞
收藏

评论区

加载中...

相关推荐

MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1

文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s

Oracle 分组与拼接字符串同时使用

SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(

MySQL部分从库上面因为大量的临时表tmp_table造成慢查询

背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_

皕杰报表之UUID

​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为

手写Java HashMap源码

HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22

一篇文章带你了解JavaScript日期

日期对象允许您使用日期(年、月、日、小时、分钟、秒和毫秒)。一、JavaScript的日期格式一个JavaScript日期可以写为一个字符串:ThuFeb02201909:59:51GMT0800(中国标准时间)或者是一个数字:1486000791164写数字的日期,指定的毫秒数自1970年1月1日00:00:00到现在。1\.显示日期使用