1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html5音频文件生成波形图代码 HTML5/D3.js 可视音频波形柱状图

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

时间:2019-09-21 23:42:47

相关推荐

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 = '';

}

});

})();

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。