HTML5でサイト内で音を鳴らしたり、動画を埋め込んだりできるjQueryプラグイン「jPlayer」のご紹介です。クロスブラウザ対応で様々なOSに対応していますし、プレイヤーの見た目のカスタマイズやイベントの制御なども出来ます。今回はjPlayerを使ってオーディオプレイヤーを作ってみたいと思います。 audio playerのデモページ ダウンロードと配置 「jPlayer」をダウンロードします。 内包されている「jquery.jplayer.min.js」と「jquery.jplayer.swf」を使いますので、2つのファイルを適当なディレクトリに配置します。(/jplayer/jquery.jplayer.min.js、/jplayer/jquery.jplayer.swf など) 今回は現時点(2015年2月)で最新のjPlayer-2.9.2をダウンロードしました。ダウンロード
![サイト内で音楽や効果音を鳴らすjQueryプラグイン「jPlayer」の使い方](https://cdn-ak-scissors.b.st-hatena.com/image/square/44670805a251a09d200792f56251a5175fd692e7/height=288;version=1;width=512/http%3A%2F%2Fwebism.jp%2Fwp-content%2Fuploads%2F2015%2F02%2Fjplayer-725x365.jpg)