4

このウィジェットを使用すると、HTML5 Audio API を使用して、オーディオ ファイルの波長振幅を検出できます。このページhttp://codepen.io/datanity/pen/gawebでは、この検出の証拠として、色が変化するドットが表示されます。

この振幅検出機能を維持しようとしていますが、.wav ファイルを使用する代わりに、ビデオ ファイルを使用しています。

65 行目で、audio.src = '...' を現在の .wav の代わりに以下の .mp4 に変更すると、.mp4 のオーディオが再生され、円は振幅に応じて色が変わりますが、ビデオ ビジュアル自体は表示されません。

//9a27bbc586dd80f4a734-4d0355cf9e89be09aa440f2192ff2da0.r28.cf1.rackcdn.com/exam-speaking-test-talk-about-yourself.mp4 (便宜上 mp4 の例)

私の質問は、この例に示されているように、HTML5 Audio API の利点を維持しながら、同時に HTML5 Video API を使用して、ビデオも表示できるようにすることは可能ですか?

4

1 に答える 1

1

はい。audio 要素を video 要素に変更するだけです。変更されたコードは次のとおりです: 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';
于 2013-10-27T15:30:47.067 に答える