Calendarって、その日になると記事が出てくる仕組みではなくて、その日に合わせて投稿する仕組みだと気づかず、迂闊にもフライングしてしまった...HTML5が10月に正式勧告化を迎えたということで、HTML5の主要新機能の一つ、メディアサポートについて広く浅くざっとまとめてみます。<audio>タグを利用します。</video>の記述を忘れないように注意が必要です。codecs='vp8,vorbis'"&gt;&lt;/video&gt;また、キャプションや字幕のテキストトラックデータを<track>タグで付けることも出来ます。テキストトラックはWebVTTフォーマットなどを利用します。WebVTTの詳細についてはMDNの記事等を参照して下さい。<video>タグには再生制御のために次のような属性を記述することが出来ます。HTML文書の読み込みが完了すると直ちにメディアデータのダウンロードを開始する。HTML文書の読み込みが完了すると直ちにバッファリングに応じて再生を開始する。繰り返し(ループ)再生する。音声を消音(ミュート)する。プレーヤのコントローラ(再生、シーク等)のGUIを表示する。controls&gt;&lt;/video&gt;スクリプトから制御HTML5では、<audio>タグや<video>タグの再生制御をJavaScriptから行うことが可能です。これによって、controls属性で表示されるGUIに頼らずに、自前で好きなデザインでプレーヤを作りこむ、音声であればプレーヤを表示させないで例えば効果音の再生に使う、等が可能になります。簡単な例の一つとして、ボタンをクリックすると音声を再生するサンプルコードを示します。(今回は割愛しますが、当然ながら他にもシーク、ダウンロード中断への対処、等、色々なことが可能です。Opera等では、HTML5でカメラの映像やマイクの音声をHTML5文書内で表示・再生することが可能になっています。});リアルタイムメディア伝送(WebRTC)前項のgetUserMedia()でキャプチャした映像・音声をリアルタイムに別のブラウザに伝送することで、ブラウザ同士で双方向のビデオチャットや音声通話を可能にする機能が、Chrome(Blink)、Firefox等に搭載されています。Browsers)と呼ばれています。2014では、WebRTCについて幅広く記事が執筆されていますので、よろしければぜひこちらもを御覧くだされば幸いです。APIを使うことで、より高度で正確なタイミングでの再生制御や、シンセサイザーのような一からの音色の作成・合成も可能になります。書きたいところですが内容が多くなりすぎますので、申し訳ないですがここでは割愛します。(MSE)が用意されています。(MP4編編)を参照して下さい。Calendarって、その日になると記事が出てくる仕組みではなくて、その日に合わせて投稿する仕組みだと気づかず、迂闊にもフライングしてしまった...*HTML5が10月に正式勧告化を迎えたということで、HTML5の主要新機能の一つ、メディアサポートについて広く浅くざっとまとめてみます。`<audio>`タグを利用します。`</video>`の記述を忘れないように注意が必要です。codecs='vp8,vorbis'"></video>```また、キャプションや字幕のテキストトラックデータを`<track>`タグで付けることも出来ます。テキストトラックはWebVTTフォーマットなどを利用します。WebVTTの詳細については[MDNの記事](https://developer.mozilla.org/en-US/docs/Web/API/Web_Video_Text_Tracks_Format)等を参照して下さい。`<video>`タグには再生制御のために次のような属性を記述することが出来ます。HTML文書の読み込みが完了すると直ちにメディアデータのダウンロードを開始する。HTML文書の読み込みが完了すると直ちにバッファリングに応じて再生を開始する。繰り返し(ループ)再生する。音声を消音(ミュート)する。プレーヤのコントローラ(再生、シーク等)のGUIを表示する。スクリプトから制御HTML5では、`<audio>`タグや`<video>`タグの再生制御をJavaScriptから行うことが可能です。これによって、`controls`属性で表示されるGUIに頼らずに、自前で好きなデザインでプレーヤを作りこむ、音声であればプレーヤを表示させないで例えば効果音の再生に使う、等が可能になります。簡単な例の一つとして、ボタンをクリックすると音声を再生するサンプルコードを示します。(今回は割愛しますが、当然ながら他にもシーク、ダウンロード中断への対処、等、色々なことが可能です。Opera等では、HTML5でカメラの映像やマイクの音声をHTML5文書内で表示・再生することが可能になっています。リアルタイムメディア伝送(WebRTC)前項の`getUserMedia()`でキャプチャした映像・音声をリアルタイムに別のブラウザに伝送することで、ブラウザ同士で双方向のビデオチャットや音声通話を可能にする機能が、Chrome(Blink)、Firefox等に搭載されています。Browsers)と呼ばれています。2014](http://qiita.com/advent-calendar/2014/webrtc)では、WebRTCについて幅広く記事が執筆されていますので、よろしければぜひこちらもを御覧くだされば幸いです。APIを使うことで、より高度で正確なタイミングでの再生制御や、シンセサイザーのような一からの音色の作成・合成も可能になります。書きたいところですが内容が多くなりすぎますので、申し訳ないですがここでは割愛します。(MSE)が用意されています。(MP4編編)](http://qiita.com/tomoyukilabs/items/54bd151aba7d3edf8946)を参照して下さい。