Обработка динамического MP3-URL с помощью Yahoo Media Player

Я использую Yahoo Media Player для воспроизведения песен в формате MP3 на моем веб-сайте.

Я разместил несколько статических mp3-ссылок на сайте. Например,

Song1 Song2

И я также поместил код API YMP JS.

Теперь я хочу загружать песни динамически...

например, если пользователь нажимает кнопку, я хочу загрузить полный новый список воспроизведения в плеер.

//Something like this
var clickEventHandler = function(){
  YMP.removeAllSongs();
  YMP.addSongs(mp3_links);
  YMP.play();
}

Пожалуйста, помогите мне. Спасибо.

2 ответа

Решение

Это может помочь вам, используйте это:

<script>
/** On Yahoo Media API Ready **/
var yesReady = false;
YAHOO.MediaPlayer.onAPIReady.subscribe(function(){
  yesReady = true;
});

function play(){
  //Capture the URL of the song
  var url = document.getElementById('url').value;
  //Put it in Href of Song Link
  document.getElementById('link').href = url;

  //After that Play the Song using YMP
  if(yesReady){
    YAHOO.MediaPlayer.addTracks(document.getElementById('song-div'), 0, true);
    YAHOO.MediaPlayer.play();
  }
}
</script>

<div id='song-div'>
  <a href='#' id='link'>Song Name</a> 
</div>

<input type='text' id='url' />
<input type='button' onClick="javascript:play('url')" value='play'/>

Дай мне знать, если тебе еще понадобится помощь.

Вот полная ссылка на YMP Api:

Yahoo Media Player API

Другие вопросы по тегам