Audio Player
- 見本
- ※AudioPlayerプラグインを無効にしたため削除しました。
- 関連リンク
- 配布元
WordPress Audio Player
解説参照
WordPress Audio Player | MP3オーディオプレーヤー WordPressプラグイン - 補足
-
- 2015/6/24のXREAサーバーメンテナンス後、PC版IE、Firefoxでは表示できなくなった(Chromeは問題無し)。
- Audio-Player.phpの一部をHTML5対応用に書き換えると、代わりにWP Built-In Player(HTML5)が表示される。……※1
- ただし、同じページ内にSimple Audio Playerのタグが記載されていると、なぜかAudio Playerも有効になる。
- 別のPCから同じVer.のIEで見てみたら、Audio Playerが優先されてる……。必ずしも不具合が出てる訳ではない模様。訳わかめ/(^o^)\
- ※1.ブラウザ毎に異なるHTML5 audio playerのデザインを揃えたい場合は、audio.jsを使う。この時、Audi-player.phpの記述をaudio.js用に一部変える。
- ※1.カスタマイズまとめ⇒AudioPlayerをHTML5に対応させる&Audio.jsでデザインを揃える方法まとめ ≪ 音の回廊
WP Built-In Player(HTML5)
- 見本SS <audio src=”ファイル名” controls></audio>タグで
- IE
Firefox
Chrome
※1.ブラウザ毎にデザインが異なる - 見本 メディアファイルへのリンクで
- Brave It Out!試聴用※同じページ内にSimple Audio Playerのタグが記載されていると、Audio Playerの方が優先される。
- 関連リンク
- 解説参照
絶対に覚えておきたいHTML5の『audio要素』超基本を知る!! | HTML5でサイトをつくろう
[WordPress] 音声ファイルの再生 | プログラミング生放送
WordPress3.9でプラグインなしで音声プレイリストが作れるようになっていたので試してみました | nekonomemo.net
Audio.js
- 見本 <audio src=”ファイル名”></audio>タグで
※1.ブラウザ毎に違っていたデザインを統一できる。- 関連リンク
- 配布元
audio.js
解説参照
【JavaScript】HTMLで音楽ファイルを再生する【audio.js】 | Tips Note
Simple Audio Player
- 見本
- ※SimpleAudioPlayerプラグインを無効にしたため削除しました。
- 関連リンク
- WPプラグインページ
WordPress ? Simple Audio Player ≪ WordPress Plugins
解説
WordPress Simple Audio Player and Shortcode | Internoetics
Compact WP Audio Player
- 見本
- An HTTP error occurred during file retrieval. Error Code: 403tr61.Brave It Out!
テンプレート1
- 関連リンク
- WPプラグインページ
WordPress ? Compact WP Audio Player ≪ WordPress Plugins
解説参照
WordPress Audio/Music Player Plugin (All Browser Compatible) | Tips and Tricks HQ
WordPress HTML5 Audio Player
- 見本 プレイリスト(Dark Box)
- [wonderplugin_audio id=”4″]
- 見本 シングル(White Bar with Title)
- [wonderplugin_audio id=”5″]
- 関連リンク
- 配布元
WordPress HTML5 Audio Player | WordPress Plugin
解説参照
プラグイン「WordPress HTML5 Audio Player」インストール&設定方法! | E V M
色々組み合わせて検証してみたけど、AudioPlayerのデザインを保ちたいならSimple Audio Playerに変えればいい気がしてきた。でも、機能が一部違うんだよなぁ。。
あと記事を一つ一つ書き換えるのが大変。
AudioPlayerをHTML5に対応させて利用継続しつつ、Chrome以外のブラウザではAudio.jsでデザイン揃えるのが現実的かもしれない。