Супер легкий аудиоплеер с Flash + JQuery - PullRequest
Новая
       4

Супер легкий аудиоплеер с Flash + JQuery

0 голосов
/ 10 октября 2010

Я пытаюсь сделать супер легкий аудиоплеер с jQuery.

Как бы вы перевели это 

   <a href="song.mp3">Song</a>

в это? 

   <object type="application/x-shockwave-flash" data="dewplayer.swf" >
        <param name="flashvars" value="mp3=blank.mp3" />
   </object>

   <a href="song.mp3">Download</a>

Так что же должно произойти, как я понимаю

  • Имя ссылки изменяется на Download
  • код объекта Flash вставляется перед ссылкой,
  • URL-адреса mp3 сохраняются,
  • каждый соответствующий URL-адрес mp3 вставляется вкаждый циркулирующий value = "mp3 = _ __ _ "

Используется простой флэш-аудиоплеер, Dewplayer.

Есть мысли?

1 Ответ

2 голосов
/ 10 октября 2010

Вот так ( не проверено ): 

// on document ready,
$(function ()
{
    var objTagOpen = '<object type="application/x-shockwave-flash"'
                     + ' data="dewplayer.swf">'
                     + '<param name="flashvars" value="mp3=',
        objTagClose = '" /> </object>';

    // find all the links whose href ends with '.mp3',
    // and for each one,
    $('a[href$=.mp3]').each(function ()
    {
        var $this = $(this);

        // insert the flash <object> with the flashvars parameter
        $this.before(objTagOpen + $this.attr('href') + objTagClose);

        // then rewrite the link itself
        $this.text('Download');
    });
});

действительно очень просто.

Редактировать: Пекка абсолютно прав насчетиспользуя rel, чтобы позволить вам также иметь нормальные mp3-ссылки.В этом случае все, что вам нужно сделать, это переписать ваш начальный селектор, с 

$('a[href$=.mp3]')

до 

$('a[href$=.mp3][rel=mp3]')
...