大佬教程收集整理的这篇文章主要介绍了html5-video – 如何获取视频元素的当前响度级别,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试制作动画,其中,画布,圆圈的大小会根据视频,音频或麦克风的音量而变化,而不是基于总音量.我没有制作体积计.
所以基本上是视频元素的声音可视化器.
但是,我找不到视频元素的属性.这就像我找不到合适的词,当前的响度?!
有用的链接:
http://jcla1.com/blog/2012/03/11/web-audio-api-overview-part1/
https://dvcs.w3.org/hg/audio/raw-file/tip/webaudio/specification.html#AnalyserNode-section
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Typed_arrays
http://www.html5rocks.com/en/tutorials/webaudio/intro/
http://chimera.labs.oreilly.com/books/1234000001552/index.html
http://webaudioapi.com/samples/
经过大量的尝试和帮助形成链接,我已经做了这个……但是大部分时间响度似乎都是不完整的,不确定这是不是真的.
http://jsfiddle.net/techsin/d4Xqm/19/
http://jsfiddle.net/techsin/d4Xqm/18/
var v= document.getElementById('v'),ctx= new webkitAudioCo@R_262_10443@t(),src= ctx.createMediaElementsource(v),alyz= ctx.createAnalyser(),arr= null,l=0,i=0,t=true,p=$('.l'); v.addEventListener('play',updatE); v.addEventListener('ended',function(){t=false;}); src.connect(alyz); alyz.connect(ctx.desTination); arr= new Uint8Array(alyz.frequencyBinCount); function update(){ if(t) requestAnimationFrame(updatE); alyz.getByteFrequencyData(arr); l=0; for(i=0; i<arr.length;i++) { l= (l<arr[i])?arr[i]:l; } p.text(l); }
我用代码制作了a jsfiddle for you并解释了评论.
要获得平均值:
var array = new Uint8Array(analyser.fftSizE); analyser.getByteTimeDomainData(array); var average = 0; var max = 0; for (var a of array) { a = Math.abs(a - 128); average += a; max = Math.max(max,a); } average /= array.length;
希望这可以帮助!
以上是大佬教程为你收集整理的html5-video – 如何获取视频元素的当前响度级别全部内容,希望文章能够帮你解决html5-video – 如何获取视频元素的当前响度级别所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。