Working with Audio - HTML5 Canvas - page 351

} else if (event.offsetX || event.offsetX == 0) {
mouseX = event.offsetX;
mouseY = event.offsetY;
}
}
function eventMouseUp(event) {
//Hit Play
if ( (mouseY >= playY) && (mouseY <= playY+bH) && (mouseX >= playX) &&
(mouseX <= playX+bW) ) {
if (audioElement.paused) {
audioElement.play();
} else {
audioElement.pause();
}
}
//Hit loop
if ( (mouseY >=loopY) && (mouseY <= loopY+bH) && (mouseX >= loopX) &&
(mouseX <= loopX+bW) ) {
if (audioElement.loop) {
audioElement.loop=false;
} else {
audioElement.loop = true;
}
}
if (volumeSliderDrag) {
volumeSliderDrag = false;
}
}
var theCanvas = document.getElementById("canvasOne");
var context = theCanvas.getContext("2d");
var bW = 32;
var bH = 32;
var playBackW = 206;
var volBackW = 50;
var sliderW = 10;
var sliderH = 32;
var controlStartX = 25;
var controlStartY =200;
var playX = controlStartX;
var playY = controlStartY;
var playBackX = controlStartX+bW;