[JS]簡単に設置ができるmp3プレイヤーのスクリプト -jPlayer

Post on:2009年5月8日

sponsors

ウェブページに簡単に設置ができるmp3プレイヤーのスクリプトを紹介します。

インターフェイスはHTMLとCSSで作成されており、mp3のサウンド箇所のみflashが使用されています。

jPlayerの設置方法はスクリプトを外部ファイルとして指定し、インターフェイスの設定などをスクリプト内に記述します。

<textarea name="code" class="html" cols="60" rows="5">
<script>
$(document).ready(function() {
	$("#jpId").jPlayer();
});
</script>
</textarea>

$(document).ready(function() {

$("#jpId").jPlayer();

});

</script>

</textarea>

あとは、mp3プレイヤーを配置する箇所に記述するだけです。

<textarea name="code" class="html" cols="60" rows="5">
<div id="jpId"></div>
</textarea>

</textarea>

オプションも豊富で、設置方法の詳細は下記ページを参照ください。
jPlayer Developer Guide

対応ブラウザはIE6/7/8, Fx3, Op9, Safari3, Chrome1とのことです。

jPlayerはjQueryのプラグインのため、実装にはjquery.jsが必要です。