Embedding Quicktime player in a Dashboard Widget to Listen to an audio file.

It is fairly easy to embed a QuickTime player in a Dashboard Widget. Dashcode(The IDE for development of a Dashboard Widget) provides us the library of Controls which can be added to the widget. Just drag the Quicktime player from the library onto the widget main front view.

The following code is automatically added in main.html file, upon adding the player to the widget..

</object>

</video>

</div>

if we intend to listen to an mp3 file at the location "sound/myaudio.mp3" the above code works fine with only change in the code line <param name="src" value="sound/myaudio.mp3">

This approach, however, has one limitation that we cannot change the content to listen at runtime. To listen to different audio following javascript code would do the trick.

getPlayer(url)

{

var div2 = document.createElement('div');

div2.style.position = "absolute";

div2.style.top = 80 +'px';

div2.style.height = "40px";

div2.style.backgroundColor = "#000000";

div2.style.width = "310px";

var player = document.createElement('embed');

player.enablejavascript="true";

player.type="audio/mpeg";

player.pluginspage="http://www.apple.com/quicktime/download/";

player.allowembedtagoverrides="true"

player.applepart = "com.apple.Dashcode.part.quicktime";

player.target="myself";

player.id = "quicktimeplayer";

player.scale="aspect"

player.showlogo = "false";

player.width="310" ;

player.height = "32";

player.bgcolor="black";

player.autoplay= "true";

player.controller= true;

player.src = url;

player.volume = "50";

div2.appendChild(player);

document.body.appendChild(div2);

player.style.visibility = "visible";

}

Related Tags:
Javascript, DashboardWidget, HTML

Author: Mithlesh Jha

Software Technology Tips

Miscellaneous

Let us Connect!