音乐可视化

自己娱乐的作品, 由某音乐 MV 引发的灵感, 自用于一些彩蛋

Demo

https://mengxiong10.github.io/music-visualization-canvas/

安装

$ npm install music-visualization-canvas --save

用法

import MusicVisualization from 'music-visualization-canvas';

const mv = new MusicVisualization({
  src: 'https://music.mp3',
  audioEvents: {
    playing: () => {},
    pause: () => {},
    canplay: () => {},
    error: () => {}
  }
});

// 暂停
mv.stop();

// 播放
mv.start();

api

选项

Key	描述	默认值
src	音频的 url	-
el	canvas 插入的 DOM 元素	document.body
audioEvents	audio 对象上注册的事件	-

方法

方法	描述
start	开始播放
stop	暂停
destroy	销毁