HTML5オーディオ
表示
HTML |
---|
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 | 対応フォーマット | ||||||
---|---|---|---|---|---|---|---|---|
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 25 ("
- モバイル
- Google Chrome Android ("
webkit
"ベンダープレフィックスが必要,Webサーバー経由の提供でなければ使用不可)
- Google Chrome Android ("
- パソコン
参照
[編集]- ^ 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日閲覧。