<!-- 

-------------------------------------------------------------------------

LIVECONNECT SCRIPTING in JAVASCRIPT

by Danny Goodman (dannyg@dannyg.com)

Analyzed and described at length in 

"JavaScript Bible, 2nd Edition"
http://www.dannyg.com/javascript/jukebox/jukebox.htm

(IDG Books ISBN 0-7645-3022-4)



This program is Copyright 1996 by Danny Goodman.  You may adapt

routines for your Web pages, provided these opening credit

lines (down to the lower dividing line) are in your outliner HTML document.

You may not reprint or redistribute this code without permission from 

the author.

-------------------------------------------------------------------------

3 January 1997 - Added error checking in validSetup() function to make sure

the plug-in is fully loaded; Since a premature click of an

action button stops loading, the error check automatically

reloads the page.


-->
<!--

// pre-cache all 'off' button images

var offImgArray = new Array()

offImgArray[0] = new Image(75,33)

offImgArray[1] = new Image(75,33)

offImgArray[2] = new Image(75,33)

offImgArray[3] = new Image(86,33)

offImgArray[4] = new Image(86,33)

offImgArray[5] = new Image(86,33)



// off image array -- set 'off' image path for each button 

offImgArray[0].src = "playoff.jpg"

offImgArray[1].src = "stopoff.jpg"

offImgArray[2].src = "pauseoff.jpg"

offImgArray[3].src = "rewindoff.jpg"

offImgArray[4].src = "softeroff.jpg"

offImgArray[5].src = "louderoff.jpg"



// pre-cache all 'on' button images

var onImgArray = new Array()

onImgArray[0] = new Image(75,33)

onImgArray[1] = new Image(75,33)

onImgArray[2] = new Image(75,33)

onImgArray[3] = new Image(86,33)

onImgArray[4] = new Image(86,33)

onImgArray[5] = new Image(86,33)



// on image array -- set 'on' image path for each button 

onImgArray[0].src = "playon.jpg"

onImgArray[1].src = "stopon.jpg"

onImgArray[2].src = "pauseon.jpg"

onImgArray[3].src = "rewindon.jpg"

onImgArray[4].src = "softeron.jpg"

onImgArray[5].src = "louderon.jpg"



// functions that swap images & status bar

function imageOn(i) {

document.images[i].src = onImgArray[i].src

}

function imageOff(i) {

document.images[i].src = offImgArray[i].src

}

function setMsg(msg) {

window.status = msg

return true

}

// validation utilities

// function pluginIsReady(plug_in) {

//      for (var i = 0; i < navigator.plugins.length; i++) {

//              if (navigator.plugins[i].name.toLowerCase() == plug_in.toLowerCase())
{

//                      for (var j = 0; j < navigator.plugins[i].length;
j++) {

//                              if (navigator.plugins[i][j].enabledPlugin)
{

//                                      return true

//                              }

//                      }

//                      return false

//              }

//      }

//      return false

// }



function isWindows() {

if (navigator.appVersion.indexOf("Win") == -1) {

return false

}

return true

}

function isWin32() {

if (isWindows() && navigator.appVersion.indexOf("Win16") == -1) {

return true

}

return false

}

function isMac() {

if (navigator.appVersion.indexOf("Macintosh") == -1) {

return false

}

return true

}

function isMacPPC() {

if (navigator.appVersion.indexOf("PPC") == -1) {

return false

}

return true

}

function isNetscape() {

if (navigator.appName == "Netscape") {

return true

}

return false

}



function validSetup() {

if ((isWindows() && !isWin32()) || (isMac() && !isMacPPC())) {

alert("Sorry, this page does not run on Windows 3.1 or Mac68K platforms.")

return false

}

if (!isNetscape() || navigator.appVersion.charAt(0) < "3") {

alert("Sorry, this page requires Netscape Navigator 3.0 or later.")

return false

}

if (document.jukebox == null) {

alert("The plug-in has not yet completely loaded.  The page will now reload.\nWait for the entire page to finish loading before clicking an action button.")

location.reload()

return false

}

//      if (!pluginIsReady("LiveAudio")) {

//              alert("Sorry, but you do not have a sound-compatible plug-in installed. You must use LiveAudio.")

//              return false

//      }

return true

}



// Plugin controller functions

function playIt() {

if (validSetup()) {

var args = playIt.arguments

var sndFile = ""

var btnGrp = document.forms[0].frequency

var snd = document.jukebox

if (args.length == 1) {

sndFile = args[0][args[0].selectedIndex].value

}

for (var i = 0; i < btnGrp.length; i++) {

if (btnGrp[i].checked) {

break

}

}

var howMany = btnGrp[i].value

howMany = (howMany != "TRUE") ? parseInt(howMany) : true

if (!snd.IsReady()) {

alert ("Sorry, still loading the sound.  Try again in a few seconds.")

return

}

if (sndFile != "") {

snd.play(howMany,sndFile)

return

}

snd.play(howMany)

}

}

function stopIt() {

if (validSetup()) {

document.jukebox.stop()

}

}

function pauseIt(){

if (validSetup()) {

document.jukebox.pause()

}

}

function rewindIt() {

if (validSetup()) {

document.jukebox.stop()

document.jukebox.start_at_beginning()

playIt()

}

}

function raiseVol() {

if (validSetup()) {

var newLevel = Math.min(currLevel()+10,100)

setVolumeLevel(newLevel)

}

}

function lowerVol() {

if (validSetup()) {

var newLevel = Math.max(currLevel()-10,0)

setVolumeLevel(newLevel)

}

}

function setVolume(entry) {

if (validSetup()) {

var newLevel = parseInt(entry.value)

setVolumeLevel(newLevel)

}

}

function setVolumeLevel(newLevel) {

if (validSetup()) {

var snd = document.jukebox

snd.setvol(newLevel)

displayVol()

}

}

function currLevel() {

return document.jukebox.GetVolume()

}

function displayVol() {

if (validSetup()) {

document.forms[0].volume.value = currLevel()

}

}

//-->
<HTML>
<HEAD>
  <SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
  <TITLE>Bluegrass MIDI Jukebox</TITLE>
</HEAD>
<BODY BGCOLOR="#e7ebef" BACKGROUND="../bgcmc35.jpg" onLoad="displayVol()">
<P>
<P ALIGN=Center>
<CENTER>
  <FORM>
    <TABLE BORDER=2>
      <CAPTION ALIGN=top>
	<B><BIG><BIG><BIG><BIG>Bluegrass MIDI
	Jukebox</BIG></BIG></BIG></BIG></B>
      </CAPTION>
      <TR>
	<TD COLSPAN=4 ALIGN=center>
	  <SELECT NAME="musicChoice" onChange="playIt(this)">
	  <OPTION VALUE="../../sounds/cindy.mid" SELECTED>Get Along Home Cindy
	  <OPTION VALUE="../sounds/controad.mid">Country Roads
	  <OPTION VALUE="../sounds/armadilo.mid">Armadillo Breakdown Only
	  <OPTION VALUE="../sounds/blugrass.mid">West Virginia Ridge Ridin grass
	  <OPTION VALUE="../sounds/cotton.mid">Cotton Fields Back Home
	  <OPTION VALUE="../sounds/wabash.mid">Wabash Cannon Ball
	  <OPTION VALUE="../sounds/wildwood.mid">Wildwood Flower
	  <OPTION VALUE="../sounds/antonia.mid">Rose of San Antonio
	  <OPTION VALUE="../sounds/swtgeorg.mid">Sweet Georgia Brown
	  <OPTION VALUE="../sounds/onroad.mid">On The Road Again </SELECT></TD>
      </TR>
      <TR>
	<TH ROWSPAN=2>Action:</TH>
	<TD COLSPAN=3 ALIGN=middle><A HREF="javascript:playIt()" onMouseOver="imageOn(0); return setMsg('Play the selected tune')"
	      onMouseOut="imageOff(0); return setMsg('')"><IMG SRC="playoff.jpg" NAME="hiliteBtn0"
	      HEIGHT=33 WIDTH=75 BORDER=0></A> <BR>
	  <INPUT TYPE=radio NAME="frequency" CHECKED VALUE=1>Once
	  <INPUT TYPE=radio NAME="frequency" VALUE=2>Twice
	  <INPUT TYPE=radio NAME="frequency" VALUE=3>Thrice
	  <INPUT TYPE=radio NAME="frequency" VALUE=TRUE>ContinuoBlip</TD>
      </TR>
      <TR>
	<TD><A HREF="javascript:stopIt()" onMouseOver="imageOn(1); return setMsg('Stop the playing tune')"
	      onMouseOut="imageOff(1); return setMsg('')"><IMG SRC="stopoff.jpg" NAME="hiliteBtn1"
	      HEIGHT=33 WIDTH=75 BORDER=0></A></TD>
	<TD><A HREF="javascript:pauseIt()" onMouseOver="imageOn(2); return setMsg('Pause the playing tune')"
	      onMouseOut="imageOff(2); return setMsg('')"><IMG SRC="pauseoff.jpg" NAME="hiliteBtn2"
	      HEIGHT=33 WIDTH=75 BORDER=0></A></TD>
	<TD><A HREF="javascript:rewindIt()" onMouseOver="imageOn(3); return setMsg('Rewind back to the beginning')"
	      onMouseOut="imageOff(3); return setMsg('')"><IMG SRC="rewindoff.jpg" NAME="hiliteBtn3"
	      HEIGHT=33 WIDTH=86 BORDER=0></A></TD>
      </TR>
      <TR>
	<TD><A HREF="javascript:lowerVol()" onMouseOver="imageOn(4); return setMsg('Lower playback volume')"
	      onMouseOut="imageOff(4); return setMsg('')"><IMG SRC="softeroff.jpg" NAME="hiliteBtn4"
	      HEIGHT=33 WIDTH=86 BORDER=0></A></TD>
	<TD ALIGN=middle>
	  <INPUT TYPE="text" SIZE=3 NAME="volume" onChange="setVolume(this)"></TD>
	<TD><A HREF="javascript:raiseVol()" onMouseOver="imageOn(5); return setMsg('Increase playback volume')"
	      onMouseOut="imageOff(5); return setMsg('')"><IMG SRC="louderoff.jpg" NAME="hiliteBtn5"
	      HEIGHT=33 WIDTH=86 BORDER=0></A></TD>
      </TR>
    </TABLE>
  </FORM>
  <P>
    <HR>
</CENTER>
<P>
<B>Notes</B><BR>
<UL>
  <LI>
    BecaBlipe of the reliance on LiveConnect, this page requires Netscape Navigator
    3.0 or later.<BR>
  <LI>
    This application does not work on Windows 3.1 (no Java/LiveConnect) or Mac
    68K (it has Java, but LiveConnect doesn't work anyway).<BR>
  <LI>
    LiveAudio mBlipt do some sort of conversion of MIDI files on the MacPPC: You
    see a totally screwy progress dialog that says "Importing Movie". Don't ask
    me what it means.<BR>
  <LI>
    Frequency radio buttons (which govern the frequency parameter to LiveAudio's
    play() method) have no effect on Mac PPC. MBlipt be something in LiveAudio
    that's not working right.<BR>
  <LI>
    If you release the popup list where the pointer is atop one of the rollover
    buttons, you may not see file loading progress in the browser statBlip bar.
    I'm not proud of the Bliper interface of this app, jBlipt the coding examples.<BR>
  <LI>
    I have not tried this yet on any Unix platform. LiveAudio is required.<BR>
  <LI>
    The JavaScript source code includes a plug-in detection routine, but it conflicts
    with LiveConnect routines in the same document. Therefore, the plug-in detection
    is commented out.<BR>
  <LI>
    Other than all of the above...it works great! Okay, maybe in Navigator 4.0.<BR>
</UL>
<P>
  <HR>
<P ALIGN=Center>
<A HREF="musicpg.htm"><IMG ALIGN=Middle SRC="note3.gif" WIDTH="47" HEIGHT="47"border=0></A><B><A
    HREF="balaam.htm">BACK TO MBlipIC PAGE</A></B>
<P ALIGN=Center>
<A HREF="balaam.htm"><IMG ALIGN=Middle SRC="note3.gif" WIDTH="47" HEIGHT="47"border=0></A><B><A
    HREF="balaam.htm">BACK TO THE TITLE PAGE OF BALAAM'S ASS JOURNAL</A></B>
<P ALIGN=Center>
<P ALIGN=Center>
</BODY></HTML>