/* Cool Javascript MP3 Playback in Web Page with Custom Controls
Version 1.2b
By Jeff Baker, as modified by Ted David
Created October 12, 2007
Copyright 2007 by Jeff Baker
www.seabreezecomputers.com
*/
var folder = 'MP3s/'; // if your songs are in a different folder specify it here
// example: var folder = 'music/';
var t; // for volume timer
var t2; // for song time display timer
var t3; // used for fast_reverse in media player
var supportPause;
var supportFF;
var current_song = 0; // start at song 0 in playlist
var fade_out = 0; // 0 = no fade out when stopping or changing songs
// change to fade_out = 1 for fade volume between songs
// or you can use the fade out button
var songs = new Array(); // will hold the playlist of songs
var media; // holds the filename of the current song
var playState="Stop"; // values: "Play", "Pause", "Stop"
function handleEvent(e) {
// var BeginningState = playState;
switch(e) {
case "Sel":
selectToPlay();
swapPlayButtonImage("Pause");
playState="Play";
break;
case "Play":
if(playState=="Stop") {
swapPlayButtonImage("Pause");
play_song();
playState="Play";
}
else if(playState=="Play") {
swapPlayButtonImage("Play");
pause_song();
playState="Pause";
}
else if(playState=="Pause") {
swapPlayButtonImage("Pause");
unpause_song();
playState="Play";
}
break;
case "Stop":
swapPlayButtonImage("Play");
stop_song();
playState="Stop";
break;
case "Rew":
fast_reverse();
break;
case "FF":
fast_forward();
break;
case "VolUp":
volume(2);
break;
case "VolDn":
volume(1);
break;
case "Vol":
volume(3);
break;
case "Next":
next_song(2);
break;
case "Prev":
next_song(1);
}
} // end function handleEvent
function swapPlayButtonImage(img) {
switch(img) {
case "Play":
document.getElementById("Play").setAttribute("src","Graphics/Play.gif");
break;
case "Pause":
document.getElementById("Play").setAttribute("src","Graphics/Pause.gif");
break;
}
} // end function swapPlayButtonImage(img)
function loadsongs() {
var songs_list = document.getElementById('songlist').innerHTML;
var songs_list_length = songs_list.length;
// Remove all CRs (13) from IE's textarea
songs_list = songs_list.replace(/\r/gi, "");
// first remove first carriage return if there is one
// IE = CRLF (1310)
// Firefox + Netscape = LF (10)
// Safari = LFLF (1010)
// So the first if statement is for IE and Safari
// to check for LF on the second character
if (songs_list.charAt(1) == '\n')
songs_list = songs_list.substr(1);
if (songs_list.charAt(0) == '\n')
songs_list = songs_list.substr(1);
// now remove carriage return from the end of string if there is one
// first if needed for Safari
// second if needed for netscape and firefox
if (songs_list.charAt(songs_list_length-3) == '\n')
songs_list = songs_list.substr(0, songs_list_length-3);
if (songs_list.charAt(songs_list_length-2) == '\n')
songs_list = songs_list.substr(0, songs_list_length-2);
if (songs_list.charAt(songs_list_length-1) == '\n')
songs_list = songs_list.substr(0, songs_list_length-1);
// Note: IE will only split a TEXTAREA by \n. It will not
// work with a DIV
songs = songs_list.split('\n');
media = songs[0]; // media becomes first song in list
display_song();
} // end function loadsongs()
function selectToPlay()
{
var playItem;
var sizeOfList = document.forms[0].playlist.length;
var selected = document.forms[0].playlist.value;
if (selected == "playAll") {
selected = ""
for (var i = 0; i < sizeOfList - 1;i++) {
playItem = document.forms[0].playlist.options[i].value;
if (playItem != "playAll") {
selected += playItem;
if (i < sizeOfList - 2) {
selected += '\r\n';
}
}
}
stop_song();
document.forms[0].songlist.value = selected;
loadsongs();
play_song();
}
else {
var regexpE = /.mp3/;
var title = selected .replace(regexpE, "");
stop_song();
document.forms[0].songlist.innerHTML = selected;
document.getElementById('CurrentSong').innerHTML = title;
loadsongs();
play_song();
}
} // end function selectToPlay()
// Make a DIV to hold the player and place it off the screen
// so that we don't see it
document.write('
');
function load(media)
{
media = folder + media;
var player = document.getElementById('player');
if (detect_browser() == "MSIE" || detect_browser() == "Netscape") {
player.innerHTML = ''
+ ''
+ '<\/embed>'
+ '<\/object>';
}
else { // if Safari or Firefox, then load Quicktime controls
player.innerHTML = ''
+ ' '
+ ' ';
}
} // end function load(media)
function play_song() {
// Check to see if current song has stopped
if (document.getElementById('player').innerHTML == '') {
load(media);
setTimeout('display_time();', 1000);
setTimeout('display_info();', 1000);
display_song();
}
else { // otherwise wait until it has
setTimeout('play_song()', 500);
}
document.getElementById('message').innerHTML = "";
} // end function play
function stop_song() {
var done;
var mseconds; // milliseconds
var player = document.getElementById('player');
// if IE or Netscape then Media Player Pause Controls
if (detect_browser() == "MSIE" || detect_browser() == "Netscape") {
mseconds = 500;
}
else { // if Firefox
mseconds = 200;
}
if (document.getElementById('player').innerHTML != '')
// Call stop function if available in quicktime player
//document.getElementById('message').innerHTML = (typeof document.sound.Stop);
if (document.sound && typeof document.sound.Stop == 'function') {
if (document.getElementById('message')) {
document.getElementById('message').innerHTML = "QT Stop.";
}
document.sound.Stop();
}
// Call stop function if available in Media player
//document.getElementById('message').innerHTML = (typeof document.sound.controls);
if (document.sound && typeof document.sound.controls == 'object') {
if (document.getElementById('message')) {
display_message("WPM Stop");
document.getElementById('message').innerHTML = "WMP Stop.";
}
document.sound.controls.Stop();
}
// Stop time display timer
clearTimeout(t2);
// Stop fast_reverse timer
clearTimeout(t3);
// Wipe out contents of player DIV
player.innerHTML = '';
// set speed display to 1X
if (document.getElementById('speed')) {
document.getElementById('speed').innerHTML = '1X';
}
} // end function stop()
function pause_song()
{
// if a song is not playing then just return
if (document.getElementById('player').innerHTML == '') {
return;
}
// if IE or Netscape then Media Player Pause Controls
if (detect_browser() == "MSIE" || detect_browser() == "Netscape") {
if (!document.sound.controls) {
if (document.getElementById('message')) {
document.getElementById('message').innerHTML = 'This browser does not support pause control.' + song_artist+' ' + '