Click here to Skip to main content
Click here to Skip to main content

Embedded Media Player with hot key controls and adding play list capability (ASX file)

, 25 Nov 2006 CPOL
Rate this:
Please Sign up or sign in to vote.
How to add Windows Media Player in your web site. Adding play list capability and activation of Hot Key controls.

Sample Image - myrshewmp.jpg

Introduction

This is a simple example that will elaborate how to embed the Windows Media Player in your web pages. And I will explain how to make a play list (ASX file) that you can use to play in the Embedded Windows Media Player. I have also implemented the functionality of Hot Keys that you can use from your keyboard.

Making a Playlist (ASX File)

What is an ASX file? It is a Windows Media container file. ASX is a metafile that provides information about media files, including descriptions of multimedia content, and contains the URLs for the streams. This will enable you to add more than one song on your Embedded Media player. You can use it to create a play list for both your audio and video files.

  • Open MS Notepad
  • Copy and paste the code below in Notepad [Ctrl+c - Ctrl+v]
  • <ASX  Version="3.0">
       <title>NAME  OF MUSIC LIST</title>
       <entry>
       <title>NAME  OF SONG</title>
       <author>NAME OF ARTIST</author>
       <Ref href="THE URL OF THE MUSIC/VIDEO FILE"/>
       </entry> 
    </asx>
  • Replace NAME OF MUSIC LIST with the name of the music list. [E.g., My Playlist or My Songs].
  • Replace NAME OF SONG and NAME OF ARTIST with what they say. [E.g., aab k humbichre, Mehdi Hasan].
  • Now replace THE URL OF THE MUSIC/CIDEO FILE with the URL of the song/video. You can host your songs on many hosting services and get the URL or the www address.
  • Also, you can Google for videos or audio files already on the internet and get the URL.
  • To add more songs to the play list, copy the code from <entry> to </entry> and make the necessary changes in the URL and names of songs.
  • Save the file [on Notepad] as “sample.asx”.
  • Upload this file "sample.asx" to a hosting service.
  • You are done!!
  • It is necessary that you carry out each step carefully. It worked for me, and it should do for you too. Any easier than this and it will lose its essence.

Using the Code

After making your ASX play list, the next step is to place the following code in your web page by using any of the editors.

Place the following code in your head section of the HTML page:

<SCRIPT>
<!--
        var WMState = new Array();
        WMState[0]  = "Undefined"; 
        WMState[1]  = "Stopped"; 
        WMState[2]  = "Paused"; 
        WMState[3]  = "Playing"; 
        WMState[4]  = "Scan Forward"; 
        WMState[5]  = "Scan Reverse"; 
        WMState[6]  = "Buffering"; 
        WMState[7]  = "Waiting"; 
        WMState[8]  = "Media Ended"; 
        WMState[9]  = "Transitioning"; 
        WMState[10] = "Ready"; 
        WMState[11] = "Reconnecting";

        function Status () {
            x = Player.playState; 
            alert("Windows Media Player is " + WMState[x] + "\r\r" + 
                  "Player Version:" + Player.versionInfo);
        } 
        function Play () {
            x = Player.playState;
            if (x == 2) {
                Player.controls.play();
            } else {
                Player.URL = "sample1.asx";
            }          
        }
        function Pause () {
            Player.controls.pause();          
        } 
        function Stop () {
            Player.controls.stop();
        }
        function MuteMe () {
            x = Player.settings.mute;
            if (x == 0) {
                Player.settings.mute = "1";
            } else {  
                Player.settings.mute = "0"; 
            } 
        } 
        function UnMuteMe () { 
            Player.settings.mute = "0"; 
        } 
        function VolumeUp () { 
            X = Player.settings.volume; 
            Player.settings.volume = X + 10;      
        }
        function VolumeDown () {
            X = Player.settings.volume; 
            Player.settings.volume = X - 10; 
        }
-->
</SCRIPT>

And then place the following code in the body tag of the HTML page:

<OBJECT  ID="Player" width="320" height="300" 
         CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
  <PARAM name = "Volume"  value="50">
  <PARAM name = "AutoStart"  value="True">
</OBJECT>
<BR><BR> 
<INPUT TYPE="BUTTON" NAME="BtnPlay"    VALUE="Play"     accesskey=p  OnClick="Play()"> 
<INPUT TYPE="BUTTON" NAME="BtnPause"   VALUE="Pause"    accesskey=p  OnClick="Pause()"> 
<INPUT TYPE="BUTTON" NAME="BtnStop"    VALUE="Stop"     accesskey=s  OnClick="Stop()"> 
<INPUT TYPE="BUTTON" NAME="BtnMute"    VALUE="Mute"     accesskey=m  OnClick="MuteMe()"> 
<INPUT TYPE="BUTTON" NAME="BtnUnMute"  VALUE="UnMute"   accesskey=m  OnClick="UnMuteMe()"> 
<INPUT TYPE="BUTTON" NAME="BtnVolUp"   VALUE="VolUp"    accesskey=u  OnClick="VolumeUp()"> 
<INPUT TYPE="BUTTON" NAME="BtnVolDown" VALUE="VolDown"  accesskey=z  OnClick="VolumeDown()">

And that’s it. You are done!

Note: CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" is the ID for the version of the media player that will be embedded. You can change it according to the version you are using.

Hot Keys for this Embedded Media Player

  • Alt+P --> Play
  • Alt+P --> Pause
  • Alt+M --> Mute
  • Alt+M --> Unmute
  • Alt+U --> Volume up
  • Alt+Z --> Volume down

History

I will try to keep a running update of any changes or improvements. Thanks.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

Sabah u Din Irfan

United States United States
No Biography provided

Comments and Discussions

 
QuestionEmbedded Media Player with hot key Controls & Adding Play List capability(ASX FILE) PinmemberSMARTDeveloper78611-Nov-09 15:41 
QuestionZoom option is not working PinmemberSurya Prakash23-Sep-08 2:02 
GeneralThanks Pinmemberygrao25-Jul-08 19:44 
QuestionRe: Thanks PinmemberMember 56468677-Nov-08 17:55 
GeneralFeedback on this article Pinmemberygrao25-Jul-08 19:40 
GeneralPlaylist Not Showing Pinmemberazeo12-Oct-07 13:41 
GeneralHelp; Embeded WMV & MP3 Players not working for Firefox! PinmemberCanaanMedia.com3-Oct-07 9:20 
Generalthank you Pinmembertopequa227-Jun-07 9:09 
GeneralRe: thank you PinmemberSabah u Din Irfan29-Jun-07 8:26 
QuestionVideo Appears Small in IE7 Pinmemberkaanuki24-Jun-07 11:33 
AnswerRe: Video Appears Small in IE7 PinmemberSabah u Din Irfan29-Jun-07 8:21 
GeneralAccess denied on asx file PinmemberLMoody11-May-07 12:26 
QuestionMore control? Pinmemberaluatrill4-May-07 12:10 
GeneralIt keeps connecting but then saying "ready" PinmemberEsstay4-May-07 1:26 
GeneralRe: It keeps connecting but then saying "ready" PinmemberSabah u Din Irfan29-Jun-07 8:25 
GeneralRe: It keeps connecting but then saying "ready" PinmemberCanaanMedia.com3-Oct-07 10:33 
GeneralRe: It keeps connecting but then saying "ready" Pinmemberjoyjjjz3-Sep-08 1:06 
GeneralRe: It keeps connecting but then saying "ready" Pinmemberramgarhia23-Jan-09 4:08 
QuestionHow to embed video? Pinmemberpassatgt29-Apr-07 3:16 
Generalevent detecting Pinmembermarcello3d12-Apr-07 23:38 
GeneralRe: event detecting PinmemberSabah u Din Irfan18-Apr-07 8:02 
QuestionProblem in Mozilla Firebox???? Pinmembersri baski3-Apr-07 2:28 
AnswerRe: Problem in Mozilla Firebox???? PinmemberSabah u Din Irfan3-Apr-07 7:50 
GeneralRe: Problem in Mozilla Firebox???? Pinmembersri baski6-Apr-07 0:34 
QuestionOne question regarding embedded video PinmemberEsstay26-Mar-07 0:50 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Mobile
Web03 | 2.8.141015.1 | Last Updated 25 Nov 2006
Article Copyright 2006 by Sabah u Din Irfan
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid