サウンドデータを埋め込む

[新着] Webテンプレートを仮オープンしました


<embed src="">


embedタグを使用して、ページにサウンドデータを埋め込んでみます。この例では、WAVE形式のデータを使って説明しています。
(環境によっては再生できない場合があります)


<embed src="example.wav" autostart="true" loop="3" hidden="false" width="180" height="40">


src="" 埋め込むファイル名を指定します
autostart="" ページを開いたときの自動再生を指定します
true … (再生する)デフォルト|false … (再生しない)
loop="" 繰り返す回数を指定します
true … (無限)|false … (1回)デフォルト|数値 … (指定した回数)
hidden="" コントロールバーの表示を指定します
true = (表示しない)|false … (表示する)デフォルト
width="" コントロールバーの横幅を指定します(目安は 180 〜?)
height="" コントロールバーの高さを指定します(目安は 40 前後?)

【コントロールバーの大きさ】

コントロールバーの大きさは、プラグインの種類により異なります。
目安のサイズ(180×40)より小さい場合もありますし、このサイズを上回る場合もあります。

例えば Media Player を使用した場合、サイズを指定しないと

コントロールバー

↑この大きさで表示されます。(約 300×40)

これを目安の大きさ(180×40)でサイズの指定を行うと

コントロールバー

↑このように、右側の音量を調節する部分が表示されなくなってしまいます。
(とりあえず再生することは可能ですが)

使用するプラグインはユーザーにより異なるので、どのサイズがベストなのかは不明です…。

メモ

音楽が自動的に再生されると、不快に感じる人も多いようです(びっくりする、気が散る、職場なので困る、等)。音楽を使用する場合には、再生するかどうかをユーザーが選択できるようにしておくことをお勧めします。(自動再生させない + コントロールバーを表示する)


使用例

ケース1

<p>【設定内容】</p>

<p>
[ページを開いたときに自動再生する]
<br>
[再生は無限に繰り返す]
<br>
[コントロールバーは表示しない]
</p>

<embed src="example1.wav" autostart="true" loop="true" hidden="true" width="0" height="0">
<noembed>WAVEファイルが再生できませんでした</noembed>

これをブラウザで見ると次のように表示されます

サンプル画面へ
(ページを開くと音楽が自動的に再生されます。音量にご注意ください。)

ケース2

<p>【設定内容】</p>

<p>
[ページを開いたときに自動再生しない]
<br>
[再生は1回だけ行う]
<br>
[コントロールバーを表示する]
</p>

<embed src="example2.wav" autostart="false" loop="false" hidden="false" width="180" height="40">
<noembed>WAVEファイルが再生できませんでした</noembed>

これをブラウザで見ると次のように表示されます

サンプル画面へ
(音量にご注意ください。)

※サンプルのサウンドデータは、「具満タン」に収録されている素材を使用しています。



[特集] レンタルサーバー比較 & サーバー選びのチェックポイント

サイト内検索について - ベーシック版