Play a midi file (.mid) on your browser (HTML).

by vegaseat on Jan 4th, 2005

Lots of good instrumental music out on the web in the form of midi files. You can incorporate background music as part of your web page. Here is the short code.

HTML and CSS Code Snippet (Toggle Plain Text)

<HTML>
 
<!-- Experiments with midi sound    vegaseat  -->
<!-- embed src, hidden, autostart, loop -->
 
<HEAD>
 
  <TITLE>Embedded MIDI</TITLE>
 
</HEAD>
 
<body bgcolor="#FFFF00" text="#FF66CC">
 
<center>
<h2>This starts the midi file automatically!</h2>
</center>
 
<!-- the given midi file comes with Win XP, you may need to change this -->
<!-- to something you have!!!!!!!!!! -->
<!-- hide play buttons, autostart and loop once -->
<EMBED SRC="C:\Windows\Media\Onestop.mid" hidden=true autostart=true loop=1>
 
</body>
</HTML>

Comments on this Code Snippet

Permalink

Dec 23rd, 2010

Re: Play a midi file (.mid) on your browser (HTML).

Does not work for me.

EdgarSwank

Newbie Poster

Offline

3 posts
since Dec 2010

Permalink

Dec 25th, 2010

Re: Play a midi file (.mid) on your browser (HTML).

Click to Expand / Collapse Quote originally posted by EdgarSwank ...

Does not work for me.

Do you have windows (any version) as this will not work unless you change the path if you are not using windows

html Syntax (Toggle Plain Text)
                   \/
<EMBED SRC="C:\Windows\Media\Onestop.mid" hidden=true autostart=true loop=1>
                   \/
<EMBED SRC="C:\Windows\Media\Onestop.mid" hidden=true autostart=true loop=1>

Change to a absolute url to the file or to the folder it is in.

Last edited by Matthew N.; Dec 25th, 2010 at 6:43 pm.

Matthew N.

Junior Poster in Training

Offline

91 posts
since Jul 2010

Permalink

Dec 26th, 2010

Re: Play a midi file (.mid) on your browser (HTML).

I already changed that to the absolute URL I wanted.

http://americancryonics.org/caldream.mid

When I use your suggestion, Firefox says to click to download plugin, but when I do it says not available. When I click manual install, it just re-installs Quicktime I already have installed, but Embed still doesn't work.

I also tried IE, but it wants to install a RealPlayer plugin, which it can't find either.

I've searched for a solution, but all discussion appears to be years old. Years ago, Embeds of MID files worked OK for me, but then they stopped working. If you have something that works today with either FireFox or Seamonkey, I would be eternally grateful.

EdgarSwank

Newbie Poster

Offline

3 posts
since Dec 2010

Permalink

Dec 28th, 2010