<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><ul><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="1" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[1]</anchor-end> 音声を埋め込む <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML</anchor> 要素。</li></ul><section><h1>属性</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="25" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[25]</anchor-end> <figure class="short list"><history xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><ul xmlns="http://www.w3.org/1999/xhtml"><li><code>controlslist</code></li><li><code class="HTMLa" xml:lang="en">mediagroup</code></li></ul></history></figure></p></section><section><h1>歴史</h1><section><h1>Vosaic による実装</h1><ul><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="2" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[2]</anchor-end> <em>Vosaic</em> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://www.ohotuku26.or.jp/organization/abc/def/Advanced/vosaic.html">http://www.ohotuku26.or.jp/organization/abc/def/Advanced/vosaic.html</anchor-external></li><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="3" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[3]</anchor-end> 同様の要素型に <code class="HTML"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">video</anchor></code> 要素型というのがあります。</li><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="4" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[4]</anchor-end> <samp class="HTML">&lt;video src=&quot;address:port/filepath option=cylic|control&quot;&gt;</samp> </li><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="5" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[5]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">強制空要素</anchor>らしいです。</li><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="6" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[6]</anchor-end> <samp class="HTML">&lt;audio src=&quot;address:port/filepath option=cylic|control&quot;&gt;</samp></li></ul></section><section><h1><code class="DOMi" xml:lang="en">Audio</code> オブジェクトの提案</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="13" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[13]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Web Applications 1.0</anchor> でははじめ <code class="DOMi" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Audio</anchor></code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">オブジェクト</anchor>
<weak xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">(<code xmlns="http://www.w3.org/1999/xhtml" class="JS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">new</anchor> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Audio</anchor>()</code> <anchor>構築子</anchor>により生成される<anchor>オブジェクト</anchor>)</weak>
の簡単な<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">界面</anchor>だけが定義されていました。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="14" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[14]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Opera9</anchor> が実装していました。</p></section><section><h1><code class="HTMLe" xml:lang="en">audio</code> 要素の提案</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="15" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[15]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Opera</anchor> の <code class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">video</anchor></code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">要素</anchor>の提案をきっかけとした議論の中で、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">音声</anchor>のための <code class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">audio</anchor></code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">要素</anchor>の追加が <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Apple</anchor> によって提案され、最終的には
<code class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">audio</anchor></code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">要素</anchor>と <code class="DOMi" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTMLAudioElement</anchor></code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">界面</anchor>が仕様に追加されました。
<code class="JS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">new</anchor> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Audio</anchor>()</code> は <code class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">audio</anchor></code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">要素</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">構築子</anchor>として再定義されました
<weak xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">(<code xmlns="http://www.w3.org/1999/xhtml" class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">img</anchor></code> と <code xmlns="http://www.w3.org/1999/xhtml" class="JS" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">new</anchor> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Image</anchor>()</code> のような関係になりました)</weak>。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="7" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[7]</anchor-end>
<cite>Firefox 3 to feature native audio video support : Mozilla Links</cite> (<code>2007-06-09 22:08:16 +09:00</code> 版) <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://mozillalinks.org/wp/2007/06/firefox-3-to-feature-native-audio-video-support/">http://mozillalinks.org/wp/2007/06/firefox-3-to-feature-native-audio-video-support/</anchor-external>
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名無しさん</anchor> <weak xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">2007-06-09 13:23:23 +00:00</weak>)</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="8" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[8]</anchor-end>
<cite xml:lang="ja">Taken SPC : Mozilla でも video 要素実装が進行中</cite> (<code>2007-06-09 22:08:38 +09:00</code> 版) <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://taken.s101.xrea.com/blog/article.php?id=755">http://taken.s101.xrea.com/blog/article.php?id=755</anchor-external>
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名無しさん</anchor> <weak xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">2007-06-09 13:23:49 +00:00</weak>)</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="9" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[9]</anchor-end>
<cite>Bug 336164 &amp;#8211; Implement WHATWG Audio spec</cite> (<code>2007-06-09 22:09:20 +09:00</code> 版) <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://bugzilla.mozilla.org/show_bug.cgi?id=336164">https://bugzilla.mozilla.org/show_bug.cgi?id=336164</anchor-external>
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名無しさん</anchor> <weak xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">2007-06-09 13:24:23 +00:00</weak>)</p></section></section><section><h1>実装</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="10" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[10]</anchor-end>
<cite xml:lang="en">HTML5 Media Elements - MozillaWiki</cite> (<code>2007-05-29 08:51:00 +09:00</code> 版) <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://wiki.mozilla.org/HTML5_Media_Elements">http://wiki.mozilla.org/HTML5_Media_Elements</anchor-external>
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名無しさん</anchor> <weak xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">2007-06-09 13:26:41 +00:00</weak>)</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="11" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[11]</anchor-end>
<cite xml:lang="en-us">Audio - MDC</cite> (<time>2008-12-15 16:25:48 +09:00</time> 版) <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://developer.mozilla.org/En/HTML/Element/Audio">https://developer.mozilla.org/En/HTML/Element/Audio</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="12" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[12]</anchor-end> <cite>HTML5.Audio - JavaScriptからMP3再生ライブラリ(HTML5風) Kawa.netブログ(川崎有亮)/ウェブリブログ</cite> (<time>2009-05-18 21:24:41 +09:00</time> 版) <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://kawa.at.webry.info/200905/article_7.html">http://kawa.at.webry.info/200905/article_7.html</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="17" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[17]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">DSiブラウザ</anchor>は実装していないようです。</p></section><section><h1>試験例</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="16" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[16]</anchor-end> <cite>Index of /~wakaba/-temp/test/dom/audio</cite>
(<time>2009-08-09 09:43:20 +09:00</time> 版)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://suika.suikawiki.org/~wakaba/-temp/test/dom/audio/">http://suika.suikawiki.org/~wakaba/-temp/test/dom/audio/</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="18" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[18]</anchor-end> <cite xml:lang="en">Speech Synthesis Markup Language (SSML) Version 1.1</cite>
( (<time>2010-09-08 00:26:19 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://www.w3.org/TR/2010/REC-speech-synthesis11-20100907/#edef_audio">http://www.w3.org/TR/2010/REC-speech-synthesis11-20100907/#edef_audio</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="19" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[19]</anchor-end> <cite xml:lang="en">Web Applications 1.0 r5636     Add &lt;video audio=muted&gt;.Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=10419</cite>
( (<time>2010-10-16 06:28:00 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://html5.org/tools/web-apps-tracker?from=5635&amp;to=5636">http://html5.org/tools/web-apps-tracker?from=5635&amp;to=5636</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="20" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[20]</anchor-end> <cite>ぼくの考えたすごいブラクラ - ぼくはまちちゃん!(Hatena)</cite>
( (<time>2012-02-16 08:09:56 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://d.hatena.ne.jp/Hamachiya2/20120126/audio">http://d.hatena.ne.jp/Hamachiya2/20120126/audio</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="21" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[21]</anchor-end> <cite xml:lang="ja">ガールフレンド(仮)の「声」実装|1 pixel|サイバーエージェント公式クリエイターズブログ</cite>
( (<time>2013-04-03 09:06:54 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://ameblo.jp/ca-1pixel/entry-11500032326.html?action_ref_map=%5B%5D">http://ameblo.jp/ca-1pixel/entry-11500032326.html?action_ref_map=%5B%5D</anchor-external></p><figure class="quote"><figcaption><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="22" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[22]</anchor-end> <cite xml:lang="ja">2015年4月の呼びかけ:IPA 独立行政法人 情報処理推進機構</cite>
(<time>2015-04-01 14:00:36 +09:00</time> 版)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://www.ipa.go.jp/security/txt/2015/04outline.html">http://www.ipa.go.jp/security/txt/2015/04outline.html</anchor-external></figcaption><blockquote><p>請求画面を表示させる際にシャッター音の音楽データを再生させ、利用者に自分の写真が撮影、送信されたと誤認させることを狙ったと考えられます。 </p></blockquote></figure><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="23" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[23]</anchor-end> <cite xml:lang="en"><strong></strong>[<strong></strong>embedded<strong></strong>]<strong></strong> As discussed during the Paris F2F, rewrite the use of HTML5 · w3c/svgwg@bda84ee</cite>
(<time>2015-09-02 11:23:09 +09:00</time> 版)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/w3c/svgwg/commit/bda84ee3ce02bdf810a7feeecd9f31f5634e39b9">https://github.com/w3c/svgwg/commit/bda84ee3ce02bdf810a7feeecd9f31f5634e39b9</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="24" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[24]</anchor-end> <cite xml:lang="en">Fix the owner document for all element constructors</cite>
( (<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">domenic</anchor>著, <time>2016-05-03 06:57:30 +09:00</time>))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/whatwg/html/commit/c9d898386d7b79cf1c7e104b5768e393c924078f">https://github.com/whatwg/html/commit/c9d898386d7b79cf1c7e104b5768e393c924078f</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="26" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[26]</anchor-end> <cite xml:lang="en">Allow all HTML element constructors to be subclassed</cite>
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">domenic</anchor>著, <time>2016-06-12 16:34:15 +09:00</time>)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/whatwg/html/commit/4742b18559a6968213b680ea0b0521eae17de7e1">https://github.com/whatwg/html/commit/4742b18559a6968213b680ea0b0521eae17de7e1</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="27" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[27]</anchor-end> <cite xml:lang="en">Split up media into video, audio and track</cite>
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">yoavweiss</anchor>著, <time>2016-12-17 00:06:19 +09:00</time>)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/whatwg/fetch/commit/ba175cf1100045da83ed0d7768629653aa979c20">https://github.com/whatwg/fetch/commit/ba175cf1100045da83ed0d7768629653aa979c20</anchor-external></p><figure class="quote"><figcaption><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="28" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[28]</anchor-end> <cite>Blu-ray&amp;DVD -TVアニメ「ステラのまほう」公式サイト-</cite>
(<time>2017-03-08 18:00:21 +09:00</time>)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://magicofstella.com/bddvd/">http://magicofstella.com/bddvd/</anchor-external></figcaption><blockquote><p>●キャラクターソングCD1「YOKUBARI WARS!!」&lt;br /&gt;</p><p>歌:たまきとゆみね(cv:長縄まりあ、前川涼子)&lt;br /&gt;</p><p>エンディングテーマ 「ヨナカジカル」を歌う二人の新曲を収録!&lt;br /&gt;</p><p>&lt;audio src=&quot;../core_sys/images/main/contents/bddvd/audition/01.mp3&quot; controls&gt;</p><p>&lt;p&gt;&lt;&lt;音声を再生するには、audioタグをサポートしたブラウザが必要です。&gt;&gt;&lt;/p&gt;&lt;br /&gt;</p><p>&lt;/audio&gt;&lt;br /&gt;&lt;br /&gt;</p></blockquote></figure></section></body></html>