9

フレームを使用して、リロードせずにページ全体で音楽を継続的に再生することができました (音楽を継続的に再生するのは良い考えではないことはわかっていますが、クライアントが本当にそれを要求したので、選択の余地がありませんでした)。これが、音楽が再生されているフレームに使用したものです。

<body>
    <div id="player">
    <audio id="audio" controls="controls" autoplay="autoplay" loop="loop" style="width:150px;">
      <source src="martnalia05namoracomigo.ogg" type="audio/ogg" />
      <source src="martnalia05namoracomigo.mp3" type="audio/mp3" />
      <embed src="martnalia05namoracomigo.mp3" hidden="true" loop="TRUE" autostart="TRUE"></embed>
    </audio>
    </div>
</body>

テスト用にこの音楽を挿入しましたが、プレイリストを作成できるかどうか、現在再生中の音楽にリンクと音楽をスキップするボタンを付けて通知できるかどうかを知りたいです。例：

[player]
| button previous  | button to play/pause | button next
| name of the music (link to the page of the Album) | 
[end of player]

助言がありますか？

4

2 に答える 2

1

あなたはおそらく小さなメディアプレーヤーを作りたいと思っています。その場合、これを達成するのに役立つ既製のスクリプトがたくさんあります。（Googleはあなたの友達です）。

あなたが自分でそれについて行くことに決めたなら、ここに私の考えがあります、彼らは正しい方向にあなたを助けるかもしれません。

var data = [{audiourl: "filename1.mp3", artisturl:"http://example.com",name:"Song name"},
            {audiourl: "filename1.mp3", artisturl:"http://example.com",name:"Song name"}];

トラックの詳細を保存するためのある種のデータ構造。

var audio = document.getElementById("audio");
audio.addEventListener('ended', playNext);

最後に、トラックの切り替えを処理するためのある種の関数

var currentTrack = 0;
function playNext(options){
    currentTrack++;
    if (currentTrack > data.length){
        currentTrack = 0;
    }
    var audiosrc = document.getElementById('embed_element_id') // or some other selector method
    audiosrc.src = data[currentTrack].audiourl;
    audiosrc.play();
}

HTML5オーディオの仕様については完全にはわかりませんが、これらの方針に沿っていると思います。

お役に立てれば

于 2012-10-02T14:16:57.413 に答える
0

おそらく、メディア プレーヤー プラグインを使用する必要があります。LeanBack Player を試す:

http://leanbackplayer.com/ + http://leanbackplayer.com/player_extensions.html (XSPF オーディオ プレイリスト拡張機能)

Flash フォールバック オプションを備えた HTML5/CSS/JS であるため、ニーズに合わせて簡単にスタイルを設定できるはずです。

于 2012-09-21T14:50:44.760 に答える