THE COLLEGE MUSIC SOCIETY
and ASSOCIATION FOR TECHNOLOGY IN MUSIC INSTRUCTION
1996 ANNUAL MEETINGS     October 24-27, Atlanta, Georgia

Integration Of Music Graphics,  Text And Midi Files In Web Pages
Kenneth R. Rumery, Northern Arizona University
-----------------------------------------------------------------

MIDI SET-UP 

To set up a Macintosh so it will play Midi files, use
Netscape 2.2 or later, a midi plug-in and Quicktime and
Quicktime Musical Instruments 2.0 or later.

Put the plugin in the navigator's "plugin folder" then
follow Arnold's instructions for enabling it and properly
setting mime type. Note: remove LiveAudio and similar
plugins from folder. If using Quicktime 2.5, use the "QT
settings" control panel to select QT midi or an external
midi device.

My own setup is:
     PowerMacintosh 7500/100, 48MB RAM, L2 cache
     MacOS System 7.5.5
     Quicktime 2.5, Quicktime Musical Instruments 2.5
     Netscape 3
     Arnaud(Arnold) Masson's MidipluginPPC (also available as Midiplugin68K)
     OMS 2.2 (Opcode's Open Music System)
     Nightingale (MusicWare) and Overture (Opcode) to make midi files.
     Virtual Memory on (VM turned off prior to system 7.5.5)
     
Quicktime and other system software updates can be found at
Apple Support and Information.

For Windows Machines:  Try MidiGate at
http://www.prs.net/midigate.html, a midi plugin for Windows.
This site gives instructions on how to set up the computer
using a sound card. Quicktime for Windows is available at
Apple Support and Information.
-----------------------------------------------------------------

SOURCES AND LINKS

Music Web Pages at Northern Arizona University
Ken Rumery's Home Page (home of Composer's Tools)    
   http://jan.ucc.nau.edu/~krr2  
Tim Smith's Home Page (home of the Goldberg Variations )     
   http://jan.ucc.nau.edu/~tas3,  
This Presentation      
   http://jan.ucc.nau.edu/~krr2/atmi_files/atmi_title.html

Associations
ATMI   http://www.music.org/atmi
College MusicSociety   http://www.music.org/

Composers
The Scriabin Quicktime 2.0 MIDI page   	
   http://gramercy.ios.com/~restemey/Scriabin/ScriabinQTMidi.html    
Steve Reich: The Composer and his Critics   	
   http://www.slis.flet.mita.keio.ac.jp/~ohba_t/srtxshc.html    
The Film Music Page     
   http://www.filmmusic.com   
Swayland's James Horner Page     
   http://ezinfo.ucs.indiana.edu/~swayland/   
Twentieth Century Composers     
   http://www.emory.edu/MUSIC/ARNOLD/20thComposers.html   
 
 Electronic Music
Arachnaut's Lair - Electronic/Experimental Music Links 	
   http://www.webcom.com/~hurleyj/links/links-music.html 
Sound Computation    
   http://datura.cerl.uiuc.edu/netstuff/sigsoundLinks.html   
Fractal Music Project   
   http://www-ks.rus.uni-stuttgart.de/people/schulz/fmusic/  
Grainwave   
   ftp://mills.edu/ccm/grainwave/grainwave.hqx         
   listproc@eartha.mills.edu (SUBSCRIBE grainwave <your name>)
Yavelov's Links    http://www.xs4all.nl/~yavelow/docs/Links.html
-----------------------------------------------------------------

HTML
Background Colors   
   http://www.infi.net/wwwimages/colorindex2.html      
Falken's Cyberspace Tools    
   http://cybertools.thru.net/tools.shtml
Hagan's HTML Help Library    
   http://www.netscape.com/people/hagan/html/top.html       
HTML Reference Manual    
   http://www.sandia.gov/sci_compute/html_ref.html       
TAO of HTML (aka "Art of")   
   http://http://www.taoh.com/index.htm      
WebTech Validation Service   
   http://www.webtechs.com/html-val-svc/
-----------------------------------------------------------------

MIDI
Best of MIDI   
   http://www.pris.bc.ca/dlg/midi.html       
Classical MIDI Archives     
   http://www.prs.net/midi.html     
Grame - MidiShare  http://www.grame.fr/english/MidiShare.html       
Harmony Central: MIDI Tools and Resources     
   http://harmony-central.mit.edu/MIDI/     
Mac-Supporters Music and MIDI   
   http://www.bangor.ac.uk/music/MusMIDI.html     
Macintosh MIDI User's Internet Guide     
   http://www.aitech.ac.jp/~ckelly/mmuig.html    
MIDI Farm Internet  
   http://www.midifarm.com/       
MIDI Home Page   
   http://www.eeb.ele.tue.nl/midi/index.html       
Music Resources on the Web   
   http://socsci.colorado.edu/~brumbaug/BCB/resources.html
QuickTime and Midi   
   http://ccat.sas.upenn.edu/help/midi.html    

Hardware
Ensoniq    http://www.ensoniq.com
Digitech   http://www.digitech.com
Kurzweil Music   http://www.youngchang.com/kurzweil/index.html         
Roland   http://www.rolandus.com
Yamaha     http://www.yamaha.co.jp/english/  
  
Reference
Charles Kelley's Home Page   
   http://www.aitech.ac.jp/~ckelly/   
Dilbert Zone (a corporate perspective)    
   http://www.unitedmedia.com/comics/dilbert/ 
Chris Reed's Site (film music and film music composers) 
   http://www.cris.com/~Careed/  
Ethics Updates   
  http://www.acusd.edu/ethics 
Library of Congress      
   http://lcweb.loc.gov/  
Music Cognition Research    
   http://mars.let.uva.nl/honing/welcome.html       
ORAT Web Developers Guide  
   http://orathost.cfa.ilstu.edu/classes/WebDevelopers/WebDevelopers.html
PowerBook Army  
   http://net-army.com/powerbook/
Todd's Macintosh Support Pages  
   http://www.cjnetworks.com/~tfrazier/sftwre.html

Schools and Centers
Bangor Music Department    
   http://www.bangor.ac.uk/music/MusicHome.html     
FSU Center for Music Research    
   http://www.music.fsu.edu/cmr.html      
FSU Film School    
   http://peter.music.unimelb.edu.au/musicweb/index.html    
Full Sail (a private school of digital media, film and video, audio)  
   http://www.fullsail.com
Illinois State College of Fine Arts Home Page (ORAT)     
   http://orathost.cfa.ilstu.edu/ 
Maricopa Center for Learning and Instruction      
   http://www.mcli.dist.maricopa.edu/
ME/U  (Mind Extension University)      
   http://www.meu.edu/  

Scoring Software
Coda Music Technology    
   http://www.codamusic.com/      (cross platform) 
Mark of the Unicorn, Inc.    
   http://www.motu.com/            
Musicware, Inc. (aka TAP)    
   http://www.halcyon.com/musicware/       
Opcode Systems    
   http://www.opcode.com/        (soon to be cross platform) 
Passport Home Page    
   http://www.mw3.com/passport/     (cross platform) 
-----------------------------------------------------------------

SOFTWARE I USE FOR WEB WORK

* BBedit     (Bare Bones Software   
   http://www.tiac.net/biz/bbsw)
* Graphic Converter 2.5  (Thorsten Lemke  
   http://members.aol.com/lemkesoft  	lemkesoft@aol.com)
* Adobe Photoshop
* ColorHex 1.04      (Hologramophone Research, Inc   
   http://www.pixound.com)
* GifBuilder 0.4    
  (Yves Piquet  piquet@ia.epf1.ch)
* Overture       (Opcode)
* Nightingale       (Musicware)
* OMS 2.2           (Opcode)
* Netscape Navigator 3.0 (also MS Explorer and Apple's CyberDog)	
* Midityper  
  (Peter Castine    pcastine@prz.tu_berlin.de) 
* Arnold's Midiplayer and midiplugin (also LiveAudio plugin or Yamaha Plugin)		
* Quicktime 2.5
* Voyager CDlinks
* MacOS System 7.5.5
* Fetch 3.01
-----------------------------------------------------------------


HTML CODE

-----------------------------------------------------------------

BBedit Extensions:  useful  HTML tags

<a name="ANCHOR"></a>

<!-- COMMENT -->

<dir>   [DIRECTORY LIST TAG]
	<li>      [LIST ITEM]
</dir>  [END LIST TAG]
	
<h2>HEADING LEVELS 1-6</h2>

<img src="IMAGE FILE NAME">  [dimension and justification modifiers]

<a href="FILE NAME"></a>  [suffix = .html, .mid, .gif, .text or other file types]

<p>PARAGRAPH</p>

<b>BOLD TEXT</b>

<pre>pre-formatted text</pre>   [as-is copy]

-----------------------------------------------------------------

HTML template (BBedit extension)

<!doctype html public "-//ietf//dtd html 2.0//en">
<html>
<head>
<title>TITLE FOR WINDOW and BOOKMARK HEADERS</title>
</head>

<body >      [color and background options]
	<h2>HEADINGS</h2>
	TEXT                              [with various style and format tags]
	<img src="FILE NAME">
	<a href="FILE NAME" ></a>         [suffix = .html, .gif, .mid, .text, etc.]
	
</body>
</html>
-----------------------------------------------------------------

Code for Embedded MIDI files

<b>Example 13: Ambiguous Harmonies</b><br><br>

<img width = 478 height = 87 src = "sample2.gif"><br><br>

<center><embed src="sample2.mid" width=200 height=80 
loop=false title="example 13:"></center><br><br>

Code for Linked MIDI files

<b>Example 13: Ambiguous Harmonies</b><br><br>

<img width = 478 height = 87 src = "sample2.gif"><br><br>

<font size = +2>[<a href="sample2.mid">play</a>]<br><br></font>
-----------------------------------------------------------------

Code for Anchors and Links
<a name="top">placemark here (can be empty)</a>
<a name="bottom">placemark here</a>
<a name="topics">placemark here</a>

<center><font size = +1><b>
[<a href="atmi_site_org.html">PREVIOUS</a>]
[<a href="atmi_contents.html#topics">CONTENTS</a>]<br><br>

[<a href="atmi_navlinks.html#top">top</a>]<br>
[<a href="atmi_navlinks.html#road_rules">Rules of the Road</a>]<br>
[<a href="atmi_navlinks.html#long_pages">Long Scrolling Pages</a>]<br>
</b></center></font>