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>

  4. Insert this line into somewhere in the <BODY> of your HTML:
  5. <div class="container"> <a href="http://liveupdate.neocities.org/index.html" rel="nofollow"> <img src="http://kwan-nick.neocities.org/cpanel2.gif" alt="Crescendo Control Panel"> </a> </div> <input type="image" src="http://liveupdate.neocities.org/graphics/pause.gif" height="20" width="20" onclick="pausePlayer('Crescendo');"> <input type="image" src="http://liveupdate.neocities.org/graphics/play.gif" height="20" width="20" onclick="startPlayer('Crescendo');"> <a href="http://liveupdate.neocities.org/tshootcr><IMG SRC="http://liveupdate.neocities.org/graphics/question.GIF"> </div>

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.