オーディオ

オーディオファイルを直接埋め込んで、シンプルなショートコード [audio] を使用して再生できます。サポートされているファイルタイプは mp3、ogg、wma、m4a、wav です。

オーディオショートコード

次のショートコードは、music.mp3ファイルを読み込むオーディオプレーヤーを表示します:

  1. [[audio src="music.mp3"]]

テンプレートファイルからショートコードを使用するには、do_shortcode関数を使用します。music.mp3ファイルが (theme_directory)/sounds ディレクトリに保存されている場合、次のコードをテンプレートファイルに挿入します:

  1. $music_file = get_template_directory_uri() . "/sounds/music.mp3";
  2. echo do_shortcode('[[audio mp3=' . $music_file . ']]');

ショートコードは、以下のスクリーンショットに示すようにオーディオプレーヤーを作成します。

オーディオプレーヤー

ループと自動再生

次の基本オプションがサポートされています:

ループ

メディアのループを許可します。

  • “off” – メディアをループしません。デフォルト。
  • “on” – メディアが終了すると最初からループし、自動的に再生を続けます。

自動再生

メディアファイルが準備でき次第、自動的に再生されるようにします。

  • 0 – メディアを自動的に再生しません。デフォルト。
  • 1 – メディアが準備でき次第再生されます。

次の例は、ページが読み込まれた直後に音楽を再生し、ループします。

  1. echo do_shortcode('[[audio mp3=' . $music_file . ' loop = "on" autoplay = 1]]');

スタイリング

オーディオプレーヤーの外観や感触を変更したい場合は、デフォルトのクラス名「wp-audio-shortcode」をターゲットにすることで可能です。次のコードをstyle.cssに挿入すると、オーディオプレーヤーの幅が半分表示されます。

  1. .wp-audio-shortcode {
  2. width: 50%;
  3. }

サポートされているオーディオフォーマット

  • mp3
  • ogg
  • wma
  • m4a
  • wav

参考文献

この機能を有効にする内部ライブラリなどの技術的詳細については、次を参照してください: