Edit

Page

Page title:

Page body:

- [1] 音声を埋め込む [[HTML]] 要素。

* 属性

[25] 
[FIG(short list)[
[HISTORY[
- [CODE[controlslist]]
- [CODE(HTMLa)@en[mediagroup]]
]HISTORY]
]FIG]

* 歴史

** Vosaic による実装

- [2] ''Vosaic'' <http://www.ohotuku26.or.jp/organization/abc/def/Advanced/vosaic.html>
- [3] 同様の要素型に [CODE(HTML)[[[video]]]] 要素型というのがあります。
- [4] [SAMP(HTML)[<video src="address:port/filepath option=cylic|control">]] 
- [5] [[強制空要素]]らしいです。
- [6] [SAMP(HTML)[<audio src="address:port/filepath option=cylic|control">]]

** [CODE(DOMi)@en[Audio]] オブジェクトの提案

[13] [[Web Applications 1.0]] でははじめ [CODE(DOMi)@en[[[Audio]]]] [[オブジェクト]]
[WEAK[([CODE(JS)@en[[[new]] [[Audio]]()]] [[構築子]]により生成される[[オブジェクト]])]]
の簡単な[[界面]]だけが定義されていました。

[14] [[Opera9]] が実装していました。

** [CODE(HTMLe)@en[audio]] 要素の提案

[15] [[Opera]] の [CODE(HTMLe)@en[[[video]]]] [[要素]]の提案をきっかけとした議論の中で、
[[音声]]のための [CODE(HTMLe)@en[[[audio]]]] [[要素]]の追加が [[Apple]] によって提案され、最終的には
[CODE(HTMLe)@en[[[audio]]]] [[要素]]と [CODE(DOMi)@en[[[HTMLAudioElement]]]] [[界面]]が仕様に追加されました。
[CODE(JS)@en[[[new]] [[Audio]]()]] は [CODE(HTMLe)@en[[[audio]]]] [[要素]]の[[構築子]]として再定義されました
[WEAK[([CODE(HTMLe)@en[[[img]]]] と [CODE(JS)@en[[[new]] [[Image]]()]] のような関係になりました)]]。

[7]
[CITE[Firefox 3 to feature native audio video support : Mozilla Links]] ([CODE[2007-06-09 22:08:16 +09:00]] 版) <http://mozillalinks.org/wp/2007/06/firefox-3-to-feature-native-audio-video-support/>
([[名無しさん]] [WEAK[2007-06-09 13:23:23 +00:00]])

[8]
[CITE@ja[Taken SPC : Mozilla でも video 要素実装が進行中]] ([CODE[2007-06-09 22:08:38 +09:00]] 版) <http://taken.s101.xrea.com/blog/article.php?id=755>
([[名無しさん]] [WEAK[2007-06-09 13:23:49 +00:00]])

[9]
[CITE[Bug 336164 &#8211; Implement WHATWG Audio spec]] ([CODE[2007-06-09 22:09:20 +09:00]] 版) <https://bugzilla.mozilla.org/show_bug.cgi?id=336164>
([[名無しさん]] [WEAK[2007-06-09 13:24:23 +00:00]])

* 実装

[10]
[CITE@en[HTML5 Media Elements - MozillaWiki]] ([CODE[2007-05-29 08:51:00 +09:00]] 版) <http://wiki.mozilla.org/HTML5_Media_Elements>
([[名無しさん]] [WEAK[2007-06-09 13:26:41 +00:00]])

[11]
[CITE@en-us[Audio - MDC]] ([TIME[2008-12-15 16:25:48 +09:00]] 版) <https://developer.mozilla.org/En/HTML/Element/Audio>

[12] [CITE[HTML5.Audio - JavaScriptからMP3再生ライブラリ(HTML5風) Kawa.netブログ(川崎有亮)/ウェブリブログ]] ([TIME[2009-05-18 21:24:41 +09:00]] 版) <http://kawa.at.webry.info/200905/article_7.html>

[17] [[DSiブラウザ]]は実装していないようです。

* 試験例

[16] [CITE[Index of /~wakaba/-temp/test/dom/audio]]
([TIME[2009-08-09 09:43:20 +09:00]] 版)
<http://suika.suikawiki.org/~wakaba/-temp/test/dom/audio/>

[18] [CITE@en[Speech Synthesis Markup Language (SSML) Version 1.1]]
( ([TIME[2010-09-08 00:26:19 +09:00]] 版))
<http://www.w3.org/TR/2010/REC-speech-synthesis11-20100907/#edef_audio>

[19] [CITE@en[Web Applications 1.0 r5636 Add <video audio=muted>.Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=10419]]
( ([TIME[2010-10-16 06:28:00 +09:00]] 版))
<http://html5.org/tools/web-apps-tracker?from=5635&to=5636>

[20] [CITE[ぼくの考えたすごいブラクラ - ぼくはまちちゃん!(Hatena)]]
( ([TIME[2012-02-16 08:09:56 +09:00]] 版))
<http://d.hatena.ne.jp/Hamachiya2/20120126/audio>

[21] [CITE@ja[ガールフレンド(仮)の「声」実装|1 pixel|サイバーエージェント公式クリエイターズブログ]]
( ([TIME[2013-04-03 09:06:54 +09:00]] 版))
<http://ameblo.jp/ca-1pixel/entry-11500032326.html?action_ref_map=%5B%5D>

[FIG(quote)[
[FIGCAPTION[
[22] [CITE@ja[2015年4月の呼びかけ:IPA 独立行政法人 情報処理推進機構]]
([TIME[2015-04-01 14:00:36 +09:00]] 版)
<http://www.ipa.go.jp/security/txt/2015/04outline.html>
]FIGCAPTION]

> 請求画面を表示させる際にシャッター音の音楽データを再生させ、利用者に自分の写真が撮影、送信されたと誤認させることを狙ったと考えられます。

]FIG]

[23] [CITE@en[''''''[''''''embedded'''''']'''''' As discussed during the Paris F2F, rewrite the use of HTML5 · w3c/svgwg@bda84ee]]
([TIME[2015-09-02 11:23:09 +09:00]] 版)
<https://github.com/w3c/svgwg/commit/bda84ee3ce02bdf810a7feeecd9f31f5634e39b9>

[24] [CITE@en[Fix the owner document for all element constructors]]
( ([[domenic]]著, [TIME[2016-05-03 06:57:30 +09:00]]))
<https://github.com/whatwg/html/commit/c9d898386d7b79cf1c7e104b5768e393c924078f>

[26] [CITE@en[Allow all HTML element constructors to be subclassed]]
([[domenic]]著, [TIME[2016-06-12 16:34:15 +09:00]])
<https://github.com/whatwg/html/commit/4742b18559a6968213b680ea0b0521eae17de7e1>

[27] [CITE@en[Split up media into video, audio and track]]
([[yoavweiss]]著, [TIME[2016-12-17 00:06:19 +09:00]])
<https://github.com/whatwg/fetch/commit/ba175cf1100045da83ed0d7768629653aa979c20>

[FIG(quote)[
[FIGCAPTION[
[28] [CITE[Blu-ray&DVD -TVアニメ「ステラのまほう」公式サイト-]]
([TIME[2017-03-08 18:00:21 +09:00]])
<http://magicofstella.com/bddvd/>
]FIGCAPTION]

> ●キャラクターソングCD1「YOKUBARI WARS!!」 
> 歌:たまきとゆみね(cv:長縄まりあ、前川涼子) 
> エンディングテーマ 「ヨナカジカル」を歌う二人の新曲を収録! 
> <audio src="../core_sys/images/main/contents/bddvd/audition/01.mp3" controls>
> <<音声を再生するには、audioタグをサポートしたブラウザが必要です。>> 
> </audio> 
>

]FIG]

Historical Legal Sensitive Parent: [Help / License]

Edit

Page

Page name(s)