Audioプレイヤーテスト・まとめ

2015.6.26

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
html5-audio-ie
Firefox
html5-audio-firefox
Chrome
html5-audio-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: 403
tr61.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でデザイン揃えるのが現実的かもしれない。

web???e by FC2

コメントは受け付けていません。