Create a Music Playlist
Step 1 - Create a m3u FileA m3u file is a file that contains a list of songs. Follow these steps to create your m3u file (i.e. your playlist file):
- Create a text file
- Add a list of the mp3 files you want on your playlist. This can be the full path to the file or a relative path. Place each mp3 file name on a new line
- Add any comments by preceeding them with a hash (#) symbol (this step is optional)
- Save the file with a .m3u extension. For example, call it music_playlist.m3u
There it is - your music playlist file!
Example m3u File#This is my m3u file - it contains a list of songs
/music/title.mp3
/music/good_enough.mp3
/music/bonus.mp3
Now all you need to do is add your playlist to your music code.
Step 2 - Add Your Playlist to your Music CodePlace the following code within your HTML file and change the values to suit
Below is an example of an m3u file
<embed name="music_playlist"
src="
music_playlist.m3u"
width="300"
height="90"
loop="false"
hidden="false"
autostart="true">
</embed>
--------------------------------------------------------------
How to embed an audio file
<embed name="lostmojo"
src="/web_design/lostmojo.wav"
width="300"
height="90"
loop="false"
autostart="false" />
Need to create a music playlist?
You can make your music player loop through more than one song using a
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] How to preload a sound file
You can preload music files so that the music starts immediately after the user has clicked on the link. You can preload using the following technique:
<embed name="lostmojo"
src="/web_design/lostmojo.wav"
loop="false"
autostart="false"
hidden="true"
mastersound />
How to link to a music fileYou can also link to a music file using the <a href= tag. All you need to do is write something like this:
Listen to a sample of <a href="/web_design/lostmojo.wav">Lost Mojo</a>
--------------------------------------------------------------------------------
HTML5 <video> Tag
If you are reading this, it is because your browser does not support the 'video' element. Try using the 'object' element listed further down the page.
HTML Code
<video src="/video/pass-countdown.ogg" width="300" height="150" controls>
<p>If you are reading this, it is because your browser does not support the 'video' element. Try using the 'object' element listed further down the page.</p>
</video>
----------------------------------------------------------------------------------
HTML <object> Tag
<object width="425px" height="360px" >
<param name="allowFullScreen" value="true"/>
<param name="wmode" value="transparent"/>
<param name="movie" value="
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]>
<embed src="
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]=" width="425" height="360" allowFullScreen="true" type="application/x-shockwave-flash" wmode="transparent"/>
</object>
--------------------------------------------------------------------------------------
The <embed> Tag's Attributes
<a href="http://mediaservices.myspace.com/services/media/embed.aspx/m=5385825">Watch this video</a> ----------------------------------------------------------------------
MySpace Music Codes
<embed src="
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]"
quality="high"
bgcolor="#ffffff"
width="450"
height="345"
name="mp3player"
align=""
type="application/x-shockwave-flash"
-------------------------------------------------------------------------------------------
pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>