Sunday July 20, 2008 - Local Time: 12:32 U.S. Central Time
  

Putting Midis on Web Page

If you love midi music, you can put them on your Web page so you and your visitors can enjoy them while surfing on your page. There are several ways to do this, but I show you two of the most popular methods.

Method 1: Hypertext Link

Furelise
William Tell

And here is the code:

<a href="http://dragon.ep.usm.edu/~yuen/media/midi/furelise.mid">Furelise</a>
<a href="http://dragon.ep.usm.edu/~yuen/media/midi/wiltel.mid">William Tell</a>

Method 2: Embedded Midis

Newer versions of Micrsoft Internet Explorer and Netscape Communicator, have a built-in ability to play the midis. In order to embed a midi on your page, I've included the following code for both the large and small console:



<embed src="http://dragon.ep.usm.edu/~yuen/media/midi/furelise.mid" width=144 height=60 autostart=false loop=false>



<embed src="http://dragon.ep.usm.edu/~yuen/media/midi/furelise.mid" width=144 height=25 autostart=false loop=true controls=smallconsole>

If you'd like the midi start automatically, simply change autostart=true from the line. To play the midi play indefinately, change loop=true.

 

  Last updated: August 15, 2006

Copyright © 1994 - 2007 Dr. Steve Yuen. All rights reserved.