在HTML5视频API播放器中使用HTML5音频API功能

Question

此小组件允许您使用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 Audio API中受益，但同时也使用HTML5 Video API，因此您也可以看到视频。

Answer 1

是的。只需将音频元素更改为视频元素即可。 这是修改后的代码：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';