Working with Audio - HTML5 Canvas - page 589

< script src = "modernizr.js" >< /script>
< script type = "text/javascript" >
window . addEventListener ( 'load' , eventWindowLoaded , false false );

var var loadCount = 0 ;

var var itemsToLoad = 2 ;

var var buttonSheet ;

var

var audioElement ;
var var buttonWait = 5 ;

var

var timeWaited = buttonWait ;

function function eventWindowLoaded () {

audioElement = document . createElement ( "audio" );
document . body . appendChild ( audioElement );
var var audioType = supportedAudioFormat ( audioElement );

iif ( audioType == "" ) {
alert ( "no audio support" );
return

return ;

}
audioElement . addEventListener ( "canplaythrough" , itemLoaded , false false );

audioElement . setAttribute ( "src" , "song1." + audioType );

buttonSheet = new new Image ();

buttonSheet . onload = itemLoaded ;
buttonSheet . src = "audiocontrols.png" ;

}

function function supportedAudioFormat ( audio ) {

var

var returnExtension = "" ;
iif ( audio . canPlayType ( "audio/ogg" ) == "probably" ||
audio . canPlayType ( "audio/ogg" ) == "maybe" ) {
returnExtension = "ogg" ;

} else else iif ( audio . canPlayType ( "audio/wav" ) == "probably" ||

audio . canPlayType ( "audio/wav" ) == "maybe" ) {
returnExtension = "wav" ;

} else else iif ( audio . canPlayType ( "audio/mp3" ) == "probably" ||

audio . canPlayType ( "audio/mp3" ) == "maybe" ) {
returnExtension = "mp3" ;

}

return return returnExtension ;

}

function function canvasSupport () {