Использование медиаэлемента в качестве плеера для списка, возвращаемого запросом mysql

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(); }
     });
}