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

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

jPlayer
demo

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

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

<script>
$(document).ready(function() {
	$("#jpId").jPlayer();
});
</script>

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

<div id="jpId"></div>

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

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

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

Post on:2009年5月8日