js音频可视化插件Wavesurfer.js

所属分类:媒体-音频和视频

 8031  36  查看评论 (5)
js音频可视化插件Wavesurfer.js ie兼容10

注:本地预览请用火狐浏览器,chrome浏览器需要在服务端运行

利用 wavesurfer.js 你可以创建漂亮的 HTML5 音乐播放器或一个复杂的DJ应用。

使用方法

选择一个容器:

<divid="waveform"></div>

创建一个实例,通过容器的选择选项:

var wavesurfer = WaveSurfer.create({
    container: '#waveform',
    waveColor: 'violet',
    progressColor: 'purple'
});

订阅一些事件:

wavesurfer.on('ready', function () {
    wavesurfer.play();
});

从一个URL加载音频文件:

wavesurfer.load('example/media/demo.wav');
相关插件-音频和视频

HTML5磁带音乐播放器-CASSETTE PLAYER

相信80后之前的人都知道磁带,它是一个时代的符号,但是现在已经被MP3和电脑给完全替代了。而今天我要给大家推荐的就是一款模拟磁带的html5播放器,能用到这款插件真的是挺让人兴奋的。相信这一定会勾起你很多美好的回忆。
  音频和视频
 16567  67

js音频可视化插件Wavesurfer.js

Wavesurfer.js是一个javascript库用于创建交互式可操作音频可视化,使用Web Audio和HTML5 Canvas技术。可以显示当前音频的声波
  音频和视频
 8031  36

蓝色音乐播放器

网页上的一款网页上的一款音乐播放器!
  音频和视频
 17232  112

完美仿网易网页侧边隐藏音乐播放器

非常好用的网页侧边音乐播放器(在服务器下完美运行)
  音频和视频
 12460  97

讨论这个项目(5)回答他人问题或分享插件使用方法奖励jQ币

    风起云涌 0
    2017/8/10 14:41:23
    * 肤浅 ┵§?? 0
    2017/7/12 18:01:35

    确实是JPlayer获取不了音波

    回复
    木木 0
    2017/1/14 0:57:13

    这个不错,下载了,不过现在好像一般都是用的JPlayer吧

    回复
    SiriBen 0
    2017/1/11 10:01:14

    这个不错,下载了,不过现在好像一般都是用的JPlayer吧

        microsoftvs0
        2017/1/14 1:29:54

        JPlayer获取不了音波

    回复
取消回复