HTML5オーディオ

HTML5オーディオは HTML5 の仕様の主題の一つで、音声の再生・入力・合成・認識などをウェブブラウザで扱う。

<audio> 要素

対応ブラウザ

パソコン
- Edge
- Google Chrome 32.0.1700.76
- Internet Explorer 11.0
- Mozilla Firefox 26.0
- Opera 18.0.1284.68
- Safari 5.1.7^[1]
モバイル
- Chrome Lite
- Blackberry Browser
- Google Chrome for Android
- Internet Explorer Mobile 9
- Mobile Safari^[1]
- Mozilla Firefox for Android
- Opera Mobile
- Tizen

対応音声コーデック

<audio> 要素でサポートされている音声コーデックは以下の通り。 2012年にロイヤリティーフリーのOpusフォーマットがリリース、IETFで標準化された。Mozilla、Google、Operaでサポートされている。^[2]^[3]^[4]なおOpusはWebRTCでも使用される。

ブラウザ	OS	対応フォーマット
ブラウザ	OS	Ogg Vorbis	WAV PCM	MP3	AAC	WebM Vorbis	Ogg Opus	FLAC
Edge	Windows	No	Yes	Yes	Yes	No	Yes	16
Google Chrome	全て	9	Yes	Yes	Yes	Yes	25	56
Internet Explorer	Windows	No	No	9	9	No	No	No
Mozilla Firefox	全て	3.5	3.5	21, OS	21, OS	4.0	15	51
Opera	全て	10.50	11.00	14	14	10.60	14	Yes
Safari	macOS	With Xiph QuickTime Components	3.1	3.1	3.1	No	No	11

Web Audio API と MediaStream Processing API

Web Audio API は W3C によって開発されている、ウェブアプリケーション用の音声処理と音声合成のための高レベル JavaScript API。主要な設計パラダイムは、AudioNode オブジェクトをつなぎ、音声ルートグラフを作る形。実際の処理は、主にウェブブラウザ内の実装で行われるが、JavaScript で直接処理して合成することも可能^[5]。

W3C オーディオワーキンググループは MediaStream Processing API も開発している。音声のミキシングと処理に加えて、より一般的なメディアストリーミングに対応していて、HTML 要素との同期や、音声や動画のキャプチャ、WebRTC のメディアストリームなどを扱う^[6]。

対応ブラウザ

パソコン
- Google Chrome 10^[7] (14 から標準で有効^[8])
- Mozilla Firefox 23 (25 から標準で有効)
- Opera 15
- Safari 6
モバイル
- Google Chrome for Android 28 (29 から標準で有効)
- Mobile Safari 6
- Mozilla Firefox 23 (25 から標準で有効)
- Tizen

Web Speech API

Web Speech API は音声合成と音声認識から構成され、キーボードやマウス以外の入出力の手段を提供する。

対応ブラウザ

音声合成^[9]
- パソコン
  - Google Chrome 33
  - Mozilla Firefox 49
  - Microsoft Edge
  - Opera 21
  - Safari 7
- モバイル
  - Google Chrome Android 33
  - Mozilla Firefox 61 (62からデフォルト設定で有効)
  - Microsoft Edge
  - iOS Safari 7.1
  - Android WebView 33
音声認識^[10]^[11]
- パソコン
  - Google Chrome 25 ("webkit"ベンダープレフィックスが必要,Webサーバー経由の提供でなければ使用不可)
  - Mozilla Firefox 44 (デフォルト設定では無効)
- モバイル
  - Google Chrome Android ("webkit"ベンダープレフィックスが必要,Webサーバー経由の提供でなければ使用不可)

参照

[脚注の使い方]

^ ^a ^b About HTML5 Audio and Video - Safari HTML5 Audio and Video Guide
^ https://developer.mozilla.org/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements#Ogg_Opus
^ https://www.xiph.org/press/2012/rfc-6716/
^ https://hacks.mozilla.org/2012/09/its-opus-it-rocks-and-now-its-an-audio-codec-standard/
^ Chris Rogers (2012年3月15日). “Web Audio API”. W3C. 2012年3月15日時点のオリジナルよりアーカイブ。2012年7月4日閲覧。
^ Robert O'Callahan (2012年5月31日). “MediaStream Processing API”. W3C. 2012年7月4日閲覧。
^ Web Audio API is now available in Chrome
^ Scott Gilbertson (2011年9月19日). “Chrome 14 Adds Better Audio, ‘Native Client’ Support”. Webmonkey. Wired. 2012年7月4日閲覧。
^ “mdn/browser-compat-data” (英語). GitHub. 2018年6月13日閲覧。
^ “mdn/browser-compat-data” (英語). GitHub. 2018年6月13日閲覧。
^ “Web Speech API” (英語). MDN Web Docs. 2018年6月13日閲覧。

外部リンク

[safari_html5-1] About HTML5 Audio and Video - Safari HTML5 Audio and Video Guide

[2] ttps://developer.mozilla.org/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements#Ogg_Opus

[3] ttps://www.xiph.org/press/2012/rfc-6716/

[4] ttps://hacks.mozilla.org/2012/09/its-opus-it-rocks-and-now-its-an-audio-codec-standard/

[5] Chris Rogers (2012年3月15日). “Web Audio API”. W3C. 2012年3月15日時点のオリジナルよりアーカイブ。2012年7月4日閲覧。

[6] Robert O'Callahan (2012年5月31日). “MediaStream Processing API”. W3C. 2012年7月4日閲覧。

[7] Web Audio API is now available in Chrome

[8] Scott Gilbertson (2011年9月19日). “Chrome 14 Adds Better Audio, ‘Native Client’ Support”. Webmonkey. Wired. 2012年7月4日閲覧。

[9] “mdn/browser-compat-data” (英語). GitHub. 2018年6月13日閲覧。

[10] “mdn/browser-compat-data” (英語). GitHub. 2018年6月13日閲覧。

[11] “Web Speech API” (英語). MDN Web Docs. 2018年6月13日閲覧。

[1]

[2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]