[新着] Webテンプレートを仮オープンしました
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>
▼これをブラウザで見ると次のように表示されます
※サンプルのサウンドデータは、「具満タン」に収録されている素材を使用しています。