From: Jer Noble Date: Thu, 27 Mar 2014 20:52:36 +0000 (-0700) Subject: Add loading error support. X-Git-Url: http://id.pley.net/sound.git/commitdiff_plain/c707e22cb6a232014f55f2f33bb4d201319ecf9b?ds=inline;hp=9c85ed989d2c423bdc31f43c90cbe229f321442e Add loading error support. --- diff --git a/sound.html b/sound.html index d050524..b1ae6dd 100644 --- a/sound.html +++ b/sound.html @@ -29,16 +29,17 @@ audio.autoplay = false; audio.src = 'Coin.wav'; audio.preload = 'auto'; + audio.addEventListener('emptied', eventLogger); audio.addEventListener('ended', eventLogger); - audio.addEventListener('play', eventLogger); + audio.addEventListener('loadstart', eventLogger); audio.addEventListener('pause', eventLogger); + audio.addEventListener('play', eventLogger); audio.addEventListener('playing', eventLogger); + audio.addEventListener('progress', eventLogger); + audio.addEventListener('suspend', eventLogger); audio.addEventListener('timeupdate', eventLogger); - audio.addEventListener('waiting', eventLogger); audio.addEventListener('volumechange', eventLogger); - audio.addEventListener('emptied', eventLogger); - audio.addEventListener('loadstart', eventLogger); - audio.addEventListener('progress', eventLogger); + audio.addEventListener('waiting', eventLogger); } diff --git a/sound.js b/sound.js index 08cd4d0..2303927 100644 --- a/sound.js +++ b/sound.js @@ -49,10 +49,12 @@ function Sound(src) { this.ajax = null; this.eventListeners = { }; - this.shouldBePlaying = 0; this.startTime = 0; this.nextStartTime = 0; + this.autoplaying = false; + this.delayingTheLoadEvent = false; + this.setSrc(src); } @@ -104,9 +106,21 @@ Sound.prototype = { this.setPlaybackRate(this.defaultPlaybackRate); this._error = null; - this.shouldBePlaying = this._autoplay; + this.autoplaying = true; this.stopInternal(); + this.selectResource(); + + }, + + selectResource: function() { + this._networkState = this.NETWORK.NO_SOURCE; + this.delayingTheLoadEvent = true; + + setTimeout(this.selectResourceAsync.bind(this), 0); + }, + + selectResourceAsync: function() { if (!this._src) { this._networkState = this.NETWORK.EMPTY; return; @@ -115,6 +129,17 @@ Sound.prototype = { this._networkState = this.NETWORK.LOADING; this.dispatchEventAsync(new CustomEvent('loadstart')); + setTimeout(this.fetchResource(), 0); + }, + + fetchResource: function() { + if (this._preload === this.PRELOAD.NONE) { + this._networkState = this.NETWORK.IDLE; + this.dispatchEventAsync(new CustomEvent('suspend')); + this.delayingTheLoadEvent = false; + return; + } + this.ajax = new XMLHttpRequest(); this.ajax.open("GET", this._src, true); this.ajax.responseType = "arraybuffer"; @@ -122,18 +147,21 @@ Sound.prototype = { if (!this.ajax.response) return; + this._networkState = this.NETWORK.IDLE; + this.dispatchEventAsync(new CustomEvent('suspend')); this.setReadyState(this.READY.FUTURE_DATA); try { Sound.audioContext.decodeAudioData( - this.ajax.response, + this.ajax.response, function(buffer) { this.buffer = buffer; - if (this.shouldBePlaying) + if (this.autoplaying && this._paused && this._autoplay) this.play(); - }.bind(this), - function(error) { - console.log("Error in creating buffer for sound '" + this._src + "': " + error); + this.dispatchEventAsync(new CustomEvent('canplaythrough')); + }.bind(this), + function(error) { + console.log("Error in creating buffer for sound '" + this._src + "': " + error); }.bind(this) ); } catch(exception) { @@ -143,12 +171,21 @@ Sound.prototype = { this.ajax.onprogress = function() { this.dispatchEventAsync(new CustomEvent('progress')); }.bind(this); + this.ajax.onerror = function() { + this.error = { code: MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED }; + this._networkState = this.NETWORK.NO_SOURCE; + this.dispatchEventAsync(new CustomEvent('error')); + this.delayingTheLoadEvent = false; + }.bind(this); this.ajax.send(); }, play: function() { + if (this._networkState === this.NETWORK.EMPTY) + this.loadResource(); + if (!this.buffer) { - this.shouldBePlaying = true; + this.autoplaying = true; return; } @@ -189,6 +226,9 @@ Sound.prototype = { pause: function() { + if (this._networkState === this.NETWORK.EMPTY) + this.loadResource(); + this._autoplay = false; if (!this._paused) { @@ -273,7 +313,7 @@ Sound.prototype = { setSrc: function(src) { this._src = src; - if (this._autoplay || this._preload != this.PRELOAD.NONE) + if (this._src) this.load(); },