js音频可视化插件Wavesurfer.js

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

 1314  15  查看评论 (3)
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');

相关插件-音频和视频

annyang!语音识别

annyang是一个很小的JavaScript库,可以让你的访客用语音命令来控制你的网站。
  音频和视频
 8628  45

video封装ui

videoui无任何依赖,代码注释很清楚。
  音频和视频
 13165  39

jQuery酷黑音乐播放器

jQuery酷黑音乐播放器,含播放列表,播放按钮,音量控制等
  音频和视频
 3674  20

Html5弹幕视频播放器插件

Danmmu Player是一个具备弹幕功能的Html5视频播放器。 具备弹幕视频播放,接受用户发送彩色弹幕,实时调解弹幕显示效果等功能。 Danmmu Player意在使开发者能便捷的在网站中实现弹幕视频播放。
  音频和视频
 55014  119

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

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

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

    回复
    SiriBen0
    2017/1/11 10:01:14

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

        microsoftvs0
        2017/1/14 1:29:54

        JPlayer获取不了音波

    回复
取消回复
    PROMULGATOR

    microsoftvs

    上海市松江区