HTML個人講座9日目

こんにちはcairnです。

HTML個人講座9日目です。

本日は音声の埋め込み方法です。

ひとまず埋め込みの際のタグを入力してみます。

<audio src="asudio/○○○○3gpp">

昨日の画像、動画の埋め込みと仕組みは同じです。

なので細かいことは説明を省きます。

では再生バーを付けていきます。

<audio src="asudio/○○○○3gpp controls">

これも昨日と全く同じです。

ちなみに音声をループさせる方法もあります。

その場合は『loop』を入力します。

<audio src="asudio/○○○○3gpp controls loop">

このようにするだけで一度再生した音声は停止ボタンを押すまで延々と流れ続けます。

最後に

音声の再生は使用しているブラウザのバージョンによっては再生できない場合もあります。

そういった場合に備えて

『音声を再生するにはHTML5をサポートしたブラウザーが必要です』

と一文入力しておくことをお勧めします。

その場合は

<audio src="asudio/○○○○3gpp controls loop">

<p>音声を再生するにはHTML5をサポートしたブラウザーが必要です</p>
</audio>

このようにすれば大丈夫です。

本日はここまで( ´∀｀ )