Search code examples
javascriptjqueryflash

Changing Online Player Playlist Using Dropdown


I am embedding a mp3 flash player on my TEST SITES, but the problem is the mp3 flash player it use playlist to play the mp3 files, and it use one playlist at a time, and i have many playlists.

Can someone help with script (Javascript, Jquery) so that user can select which playlist to play, from a dropdown list??

example html code:

<form action="#">
<select id="playlists" onchange="playlist();">
<option value="//sunnah.wen.ru/3/1.xml">Playlist 1</option> 
<option value="//sunnah.wen.ru/3/2.xml">Playlist 2</option> 
<option value="//sunnah.wen.ru/3/3.xml">Playlist 3</option> 
<option value="//sunnah.wen.ru/3/4.xml">Playlist 4</option> 
<option value="//sunnah.wen.ru/3/5.xml">Playlist 5</option> 
<option value="//sunnah.wen.ru/3/6.xml">Playlist 6</option> 
<option value="//sunnah.wen.ru/3/7.xml">Playlist 7</option> 
<option value="//sunnah.wen.ru/3/8.xml">Playlist 8</option> 
<option value="//sunnah.wen.ru/3/9.xml">Playlist 9</option> 
<option value="//sunnah.wen.ru/3/10.xml">Playlist 10</option>

</form> 

the mp3 player code is:

<embed allowscriptaccess="never" src="http://sunnah.wen.ru/3/sunna4u.swf" menu="false" quality="high" width="300" height="300" name="index" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="playList=http://sunnah.wen.ru/3/home.xhtml&ShowPlaylist=1&ShowEQ=1&firstTrack=1&initVol=100" wmode="transparent" /></embed>

the part that says: playList=http://sunnah.wen.ru/3/home.xhtml is the url to the playlist.


Solution

  • Here is a solution using a jQuery plugin called jQuery SWFObject:

    http://jquery.thewikies.com/swfobject/examples

    Demo: http://jsfiddle.net/3KZD8/

    $(function () {
        //initialize
        $("#player").flash({
            swf: 'http://sunnah.wen.ru/3/sunna4u.swf',
            height: 300,
            flashvars: {
                playList: "http://sunnah.wen.ru/3/home.xhtml",
                ShowPlaylist: 1,
                ShowEQ: 1,
                firstTrack: 1,
                initVol: 100
            }
        });
    
        //on change
        $("#playlists").change(function () {
            $("#player").flash({
                swf: 'http://sunnah.wen.ru/3/sunna4u.swf',
                height: 300,
                flashvars: {
                    playList: "http:" + $(this).val(),
                    ShowPlaylist: 1,
                    ShowEQ: 1,
                    firstTrack: 1,
                    initVol: 100
                }
            });
        });
    });