mysql 쿼리에 의해 반환 된 목록에 대해 mediaelement를 플레이어로 사용합니다.

Question

나는 MP3와 같은 트랙의 mysql 데이터베이스를 가진 사이트를 만들고 있습니다. 목록에서 일치하는 트랙을 반환하는 쿼리를 실행합니다. 각 트랙에는 다운로드 옵션이 있으며 현재는 플래시 플레이어입니다. 반환 된 각 트랙에 대해로드 될 때 페이지를로드하는 데 매우 무겁게 만듭니다.

이제는 플레이어의 해당 트랙을 재생할 수 있도록 페이지 상단에있는 간단한 오디오 플레이어와 각 반환 된 트랙 이름의 링크로 바꾸고 싶습니다 (이 트랙을 오디오 플레이어)

온라인 검색은 여기에서 시작했습니다.하지만이 플레이어를 구현하고 사용하는 방법을 배우기 전에 먼저 원하는대로 사용할 수 있는지 알고 싶습니다. 그렇다면 구현 방법을 제안 할 수 있습니까? 이 정도까지.

Answer 1

function playme(src){ 

var getAudioSource = src; //pass a link's attribute as a parameter, i.e. <a href="etc" name="linktomp3.mp3></a>" 

var mymp3 = new MediaElementPlayer('#mymp3', { 
    translationSelector: true, 
    success: function (mediaElement) { 

     var sources = [{ src: getAudioSource, type: 'audio/mp3' }]; 

     mediaElement.setSrc(sources); 
     mediaElement.pause(); 
     mediaElement.load(); } 
    }); 
}