Clever Geek Handbook

Simple music or melodies via HTML?

I'm looking for an easy way to put musical "ringtones" on a website.

So here's an analogy to explain my question:

Let's say I want to put a couple of big triangles as an image in my web page. I can either draw a bitmap or save it as GIF / JPG / PNG, post it somewhere on the internet and link an element to it. This works, but the larger the image, the more space my image file takes up.

Alternatively, I can use SVG (even if there is no Internet Explorer support, grr) and use vector graphics, which uses very little bandwidth regardless of the image size.

In the music world, I can use WAV or MP3 files. Works great, but if I just want to publish a 1 minute song of simple notes, knowing the duration and pitches, and I don't care that it sounds 100% exactly like a piano or accordion, is there a way (a) to create a file with the song and (b) post it on the Internet in a format that is space-efficient? 1 minute MP3 usually takes hundreds of kilobytes.

0


source to share


3 answers


You can use a MIDI file that stores the duration / step, etc. as you suggest. You should be able to easily find software to create this type of file. However, you will likely find the results sound terrible as this is highly dependent on the synthesizer hardware / software that is available on the end user's machine.



For what you need it might be reasonable.

+3


source


Look at playing music files on websites using Flash.

You can control Flash through JavaScript calls.

This is currently the "recommended" way to play small audio clips on a website.



For large media files, view streaming FLV files with Flash Player.

Hope it helps :)

+1


source


Check the MIDI format for instruments. http://en.wikipedia.org/wiki/MIDI

0


source






More articles:


All Articles