javascript - ページの読み込み後に yahoo web player にファイルを追加する方法は?

Question

.mp3 ファイルの再生に Yahoo Web Player を使用しようとしています。ページが最初に読み込まれると、プレーヤーはトラックを自動的に認識します。後で API 呼び出しを介してトラックを追加する方法はありますか?

http://developer.yahoo.com/webplayer/

Answer 1

Webplayer の API が見つからないのも不思議ではありません。

1) yahoo webplayer には、古い yahoo メディア プレーヤーと同じ API があります (webplayer としてブランド変更されました): http://mediaplayer.yahoo.com/api/

2) JavaScript を使用して Web プレーヤーを制御するには、プレーヤーのセットアップ後に作成される YAHOO.MediaPlayer オブジェクトを使用できます。たとえば、id 'playlist' を持つノードに、動的にロードされた mp3 ファイル リンクがある場合:

<div id="playlist">
</div>
<script type="text/javascript" src="http://webplayer.yahooapis.com/player.js"></script>
<script>
/** On Yahoo Media API Ready **/
YAHOO.MediaPlayer.onAPIReady.subscribe(function(){
  console.log("player ready");
});

// addFiles is the function that can be called once the playlist is populated any time
function addFiles()
{
    document.getElementById('playlist').innerHTML = '<a href="http://mediaplayer.yahoo.com/example3.mp3" style="display:none;"> linky blinky </a>';
    YAHOO.MediaPlayer.addTracks(document.getElementById('playlist'), 0, true);
    YAHOO.MediaPlayer.play();
}
</script>

3) 関連する質問:

YAHOO webplayer (MediaPlayer) と ajax

Yahoo Media Player を使用した動的 MP3 URL の処理