注:本地预览请用火狐浏览器chrome浏覽器需要在服务端运行
创建一个实例,通过容器的选择选项:
从一个URL加载音频文件:
创建一个显示波形的容器(可动態创建多个):
在JavaScript应用程序中创建一个waveurfer实例,传递容器选择器以及一些选项:
音频的播放速度数值樾小越慢 |
如果设置,波纹的样式将变成类似柱状图的形状 |
波纹柱状图的高度当大于1的时候,将增加设置的高度 |
必填参数指定渲染的dom的id洺、类名或者dom本身 |
当出现横坐标的时候,设置是否显示 |
音频的类型支持video |
光标后面的波形部分的填充颜色 |
光标后面的波形的填充颜色 |
从bolb或者file对象中调用音频 |
从当前位置开始播放音频文件。结合使用start和end可以指定一个音频播放范围 |
如果当前为状态状态开始播放反之暂停播放 |
停止播放并回到音频文件的起始处 |
销毁waveform,移除事件元素和关联节点 |
获取当前播放的进度,单位:秒 |
获取音频的总时长单位:秒 |
使用on()
和un()
对事件进行绑定和解绑操作。
当有滚动条滚动的时候触发 |
鼠标点击某个位置的时候触发 |
regions用于音频播放器waveform视觉效果部分可以用它来标注某个区域。regions可以被拖拽和改变尺寸大小
可以通过选择来创建支持拖拽和妀变大小的regin |
0 | region的开始位置,单位秒 |
0 | region的开始位置单位秒 |
播放完毕后是否循环播放 | |
是否支持改变region的大小 | |
在region被移除前触发 |
当region被更新时触发 |
当region被双擊时触发 |
当region被鼠标滑入时触发 |
当在region上的鼠标离开时触发 |
如对本文有疑问,请在下面进行留言讨论广大热心网友会与你互动!!
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。