-3

プレイリストを持つプロジェクトに html オーディオ プレーヤーを実装したいと考えています。多くの jquery プラグイン (jplayer など) を試しましたが、それは私の要件を満たしていません。

実際には、曲のリストは、他の情報 (評価、価格、時間、今すぐ購入) とともにユーザーに表示されます。Jplayer ライブラリは plylist を再生するユーティリティを提供しますが、曲リストは簡単にカスタマイズできません。

このようなオーディオ プレーヤーの例を教えてください。または、これに関する指示があれば、非常に役立ちます。

ありがとう

4

2 に答える 2

1

Chrome の簡単なデモ: http://jsfiddle.net/yJfbX/2/

プレイリストは単純な順序付けされていないリストであるため、CSS を介して簡単にカスタマイズできます。mp3 以外のオーディオ コンテナについては考慮していないため、これは独自のプレイリストを作成するための単純な概念実証と考えてください。

マークアップ

<ul id="playlist">
    <li data-src="http://....mp3">title 1</li>
    <li data-src="http://....mp3">title 2</li>
    <li data-src="http://....mp3">title 3</li>
</ul>

jQuery

var audio    = new Audio();
    playlist = $('#playlist');

    playlist.on('click', 'li', function() {
        playlist.find('.current').removeClass('current');
        $(this).addClass('current');
        audio.src = $(this).data('src');
        audio.play();
    });

audio.controls = true;
document.body.appendChild(audio);

</p>

于 2012-06-19T07:47:13.897 に答える
0

この音楽プレーヤーのデモを見てください。ビルドに適しているようです。

于 2012-06-19T07:40:49.010 に答える