html5音频文件生成波形图代码,HTML5/D3.js 可视音频波形柱状图

JavaScript

语言：

JaveScriptBabelCoffeeScript

确定

(function() {

var playBtn = document.getElementById('playBtn');

var myAudio = new Muvis("/uploads/160601/Find_My_Way_Home.mp3", {

dataMax: 50,

onLoad: function() {

playBtn.onclick = function(e) {

if (!myAudio.isPlaying) {

myAudio.play();

this.className = 'stop';

} else {

myAudio.stop();

this.className = '';

}

onData: function(data) {

var maxHeight = (Math.max.apply(null, data) / 255) * 90;

d3.select('#bars')

.style('height', maxHeight + '%')

.selectAll('div')

.data(data)

.style('height', function(h) {

return ((h / 255) * 100) + '%';

})

.enter().append('div')

onEnded: function() {

playBtn.className = '';

}

});

})();

html5音频文件生成波形图代码,HTML5/D3.js 可视音频波形柱状图相关推荐

html5音频文件生成波形图代码,使用wavesurfer.js显示mp3 audio音频的波形图
by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=8290 本文可全文转载,个人网站无需授权,只要保留原作者.出处以及文中链接即可, ...
pyhton 画出音频文件的波形图和频谱图
pyhton 画出音频文件的波形图和频谱图 # -*- coding:utf-8 -*- import wave import struct import numpy as np import mat ...
php处理html5文件上传代码,HTML5中文件上传的代码
这篇文章给大家分享的内容是关于HTML5中文件上传的代码,有一定的参考价值,有需要的朋友可以从参考一下,希望对你有所帮助.XHR2上传二进制文件 html代码: javascript代码:functi ...
html5响应苹果6手机代码,HTML5 6(示例代码)
复习: HTML5新特性重要程度(10) 1.新的语义标签 10 2.表单2.0 7 3.视频和音频 ...
md文件生成Java代码_Beetlsql自定义生成entity,mapper,md代码
packagecom.github.tungss.auth;import org.beetl.sql.core.*;import org.beetl.sql.core.db.*;import org. ...
matlab 生成信号文件,生成的代码如何存储内部信号、状态和参数数据
浏览模型示例打开模型示例 rtwdemo_roll. open_system('rtwdemo_roll') 该模型包含不连接到根级别 Inport 或 Outport 模块的内部信号.某些信号具有 ...
通过ccb（CocosBuilder）文件生成cocos2dx代码
在C++下使用ccb.绑定调用,成员变量.让人头疼又easy犯错. 自己用pythong写了个小程序,通过ccb文件直接生成C++代码 python我用的不多.又是随性所做.代码质量就非常差.大家多多 ...
php列目录设置密码,PHP输入密码并列出目录文件生成超链接代码
一个可以加密文件夹,并且可以展示文件夹内文件的php代码: $password = "123456"; // 这里是密码 $p = ""; if(isset($ ...
html5 txt文件上传,JavaScript html5利用FileReader实现上传功能
本文实例为大家分享了H5利用FileReader上传文件的具体代码,供大家参考,具体内容如下 1. Html部分文件上传演练 Browse... 2. JS部分 var result = docum ...

html5音频文件生成波形图代码,HTML5/D3.js 可视音频波形柱状图

html5音频文件生成波形图代码,HTML5/D3.js 可视音频波形柱状图相关推荐

最新文章

热门文章