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()
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 = '';
}
});
})();
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐



所有评论(0)