此小部件可让您使用HTML5音频API来检测音频文件的波长幅度。在此页面上(http://codepen.io/datanity/pen/gaweb),您会看到一个变色的点,作为此检测的证据。
我试图保持这种幅度检测功能,但不是使用.wav文件,而是使用视频文件。
如果在第65行上,如果使用下面的.mp4而不是当前的.wav替换audio.src ='...',则将播放.mp4的音频,圆圈仍会根据振幅改变颜色,但是视频图像本身将不可见。
//9a27bbc586dd80f4a734-4d0355cf9e89be09aa440f2192ff2da0.r28.cf1.rackcdn.com/exam-speaking-test-talk-about-yourself.mp4(为方便起见,示例为mp4)
我的问题是:是否可以保留本示例中所示的HTML5音频API的好处,但同时也使用HTML5视频API,因此您也可以观看视频。
是。只需将音频元素更改为视频元素即可。这是修改后的代码:http : //codepen.io/anon/pen/phKuF
var vid = document.createElement('video'); //use video instead of audio
vid.src = 'http://9a27bbc586dd80f4a734-4d0355cf9e89be09aa440f2192ff2da0.r28.cf1.rackcdn.com/exam-speaking-test-talk-about-yourself.mp4'; //video file
vid.controls = true;
vid.preload = 'auto';
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句