分享:带波形的语音播放工具(wavesurfer-js)
2015-08-24 13:42
585 查看
项目名称:wavesurfer-js
github地址:https://github.com/katspaugh/wavesurfer.js
官网地址:http://wavesurfer-js.org/
技术原理:Web Audio API
核心,通过 getChannelData 获取波形的峰值,然后通过 canvas 进行绘制,并且同时使用 audio 进行播放。
能用来干嘛?我用它来做语音标注工具。
其他的采用了这个组件的牛逼项目:
https://github.com/katspaugh/wavesurfer.js/wiki/Projects
github地址:https://github.com/katspaugh/wavesurfer.js
官网地址:http://wavesurfer-js.org/
技术原理:Web Audio API
核心,通过 getChannelData 获取波形的峰值,然后通过 canvas 进行绘制,并且同时使用 audio 进行播放。
能用来干嘛?我用它来做语音标注工具。
其他的采用了这个组件的牛逼项目:
https://github.com/katspaugh/wavesurfer.js/wiki/Projects
相关文章推荐
- 什么是JSON
- csdn的博客栏目html设置
- js算法:分治法-快速排序
- html5,cxt.arc(100,100,30,0,Math.PI*2,true);
- fedora安装busybox过程及出错处理
- JS 添加到事件的多个对象
- jquery 地址栏链接与a标签链接匹配 特效代码总结(二)
- JS获取当前手机浏览器可视区域大小
- Material Design Lite,简洁惊艳的前端工具箱 之 布局组件。
- javascript没有块级作用域
- jquery extend的用法
- js中json对象和字符串的转换
- javascript ~~ 符号的使用
- HTML页面跳转的5种方法
- jquery/js特效代码总结(一):tab切换
- js substr substring slice splice
- jquery+CSS实现的水平布局多级网页菜单效果
- html+vlc 播放多视频
- [LeetCode 222]Count Complete Tree Nodes
- jQuery实现的背景动态变化导航菜单效果