Embedding Selected Audio for Blogs

@CrazyMerlinJan 24.2006 — #first and most important!: make sure your player has a name.

you can then reference the name and call the correct methods.

here is a simple example:

[CODE]
 <html>
 <head>
 <script type="text/javascript">
 function changeSong(song){
 var iPlayer = document.embPlayer;
 iPlayer.setSource(song);
 iPlayer.DoPlay();
 }
 </script>
 </head>
 <body>
 <select name="song" onchange="changeSong(this[this.selectedIndex].value)">
 <option>Select</option>
 <option value="C:Documents and SettingsPaul AllsoppMy DocumentsMy MusicMiscEverytime.rm">Britney - Everytime</option>
 <option value="C:Documents and SettingsPaul AllsoppMy DocumentsMy MusicPearl Jam5 - Black.mp3">Pearl Jam - Black</option>
 <option value="C:Documents and SettingsPaul AllsoppMy DocumentsMy MusicPearl Jam217-yellow_ledbetter.mp3">Pearl Jam - Yellow Ledbetter</option>
 </select>
 
 <embed  name="embPlayer" 
 allowScriptAccess="true" 
 src="" 
 width="150" 
 height="46" 
 type="audio/x-pn-realaudio-plugin" 
 loop="false" 
 autostart="false" 
 controls="all" 
 border="0">
 </embed>
 
 </body>
 </html>
 [/CODE]

when the select changes, it calls the changeSong() function, which sets the source url to the value passed by the select, then the player is told to play

change the values of the select options to something on your pc, and you'll see what happens.

Have fun.

By the way, you need to go to the Real website and look into embedded scripting. I have a link somewhere.

You can also use callback features, so your scripts can be called when the use does anything to the player, like change volume, right click, press stop etc.

using the proper methods and callbacks, you have absolute control over the player.

here is a similarly simple demo I uploaded:

http://webtop-designs.com/temp/iPlayer.htm (works in IE)

by the way, if you want to set your player controls to 'All', set your player size to 375W and 100H to be able to see the player properly.

Embedding Selected Audio for Blogs

1 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Embedding Selected Audio for Blogs

1 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

1 Comments(s) _↴

Also in #JavaScript _↴