Information for Web Page Authors

Crescendo and Crescendo PLUS can be added to your web page at no cost! Here's the simplest way using the plug-in:

  1. Find a MIDI music file you like, and upload this file to the same directory where your HTML pages are located.
  2. Insert these scripts into your <HEAD> tag of your HTML:

    3. <script src="https://cdn.jsdelivr.net/combine/npm/tone@14.7.58,npm/@magenta/music@1.23.1/es6/core.js,npm/focus-visible@5,npm/html-midi-player@1.4.0"> </script> <script> <!-- function startPlayer(Crescendo) { document.getElementById(Crescendo).start(); } function pausePlayer(Crescendo) { document.getElementById(Crescendo).stop(); } window.onload = function() { startPlayer('Crescendo'); } --> </script> <midi-player id="Crescendo" src="yourmidifile.mid" style="display:none;"> </midi-player>

  3. Insert this line into somewhere in the <BODY> of your HTML:

    4. <table> <tr> <td><a href="http://liveupdate.neocities.org"><img src="http://web.archive.org/web/19961109115345id_/http://www.liveupdate.com/button1.gif"></a></td> <td> <input type="image" src="http://kwan-nick.neocities.org/pause.gif" height="20" width="20" onclick="pausePlayer('Crescendo');"> </td> <td style="width: 23px; text-align: center;"> <input type="image" src="http://kwan-nick.neocities.org/play.gif" height="20" width="20" onclick="startPlayer('Crescendo');"> </td> <td style="width: 23px; text-align: center;"> <a href="http://liveupdate.neocities.org/tschootr.html"> <img src="http://liveupdate.neocities.org/graphics/question.GIF" height="21" width="21" alt="Help"> </a> </td> </tr> </table>

If you want your MIDI file to loop, add <loop="true"> above the first line in the <HEAD> of your HTML.

If your site is viewed with Netscape Navigator, and it doesn't work, see MIME types required by Netscape.

For more authoring information, see the links below. -- and... Spread The Music!

Authoring information for MicroSoft Edge, Google Chrome, etc.

 Netscape Navigator plug-in authoring information

 MIME types required by Netscape

Microsoft Internet Explorer ActiveX authoring information

Graphics for your page - and our policy on use of graphics and music from this site

Implementation hints and Cool Crescendo tricks for web authors, including:



Talk with other Crescendo users at news://news.liveupdate.com/liveupdate.crescendo

Copyright 1996, 2025 LiveUpdate. All rights reserved.