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