Skip to content

mengxiong10/music-visualization-canvas

Repository files navigation

音乐可视化

自己娱乐的作品, 由某音乐 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 销毁