audio 音声プレーヤー

音声プレーヤーを設置します。

もくじ

使い方(標準プレーヤー)

#audio(音声ファイル名 or URL)

使い方(コンパクトプレーヤー)

#audio(音声ファイル名 or URL,compact)

使い方(オプション指定)

#audio(音声ファイル名 or URL,オプション)

音声ファイル名・URLについて

サーバーにアップロードした音声を再生させたい場合は音声ファイル名を指定してください。 サポートする形式は mp3 のみです。

コンパクトプレーヤー

「再生」「停止」のみのシンプルなプレーヤーを設置します。
再生中はページ上部にプログレスバーが表示されます。

オプション

オプション説明
auto自動再生*を有効にします。
複数のプレーヤーにautoオプションを指定した場合、最後のプレーヤーのみ自動再生されます
repeatリピート再生を有効にします
nocontrolプレーヤーを非表示にします。
autoオプションと併用することで、ページ上でBGMを流すことができます。
音声再生をサポートしないブラウザ*向けのメッセージも表示されません
nodownload音声再生をサポートしないブラウザ*で表示される、音声ファイルのダウンロードリンクを非表示にします
compactコンパクトプレーヤーに切り替えます
play=*
例:play=曲を再生
再生ラベルを変更します。
コンパクトプレーヤーのみ有効なオプションです
pause=*
例:pause=曲を停止
停止ラベルを変更します。
コンパクトプレーヤーのみ有効なオプションです

音声再生をサポートしないブラウザについて

Internet Explorer 8 以前のブラウザなど、 <audio> をサポートしないブラウザでは音声ファイルのダウンロードリンクを表示します。 ダウンロードリンクを非表示にしたい場合、 nodownload オプションを指定してください。

自動再生について

iOS や Android などモバイル、タブレット端末向けのOSでは音声の自動再生が行われません。

サンプル

標準

#audio(sample.mp3)

コンパクトプレーヤー

#audio(sample.mp3,compact)