- /* Constants */
- ERR: {
- NONE: 0,
- ABORTED: 1,
- NETWORK: 2,
- DECODE: 3,
- SRC_NOT_SUPPORTED: 4,
- },
-
- NETWORK: {
- EMPTY: 0,
- IDLE: 1,
- LOADING: 2,
- NO_SOURCE: 3,
- },
-
- READY: {
- NOTHING: 0,
- METADATA: 1,
- CURRENT_DATA: 2,
- FUTURE_DATA: 3,
- ENOUGH_DATA: 4,
- },
-
- load: function() {
- if (this.ajax)
- this.ajax.abort();
-
- if (this.networkState === this.NETWORK.LOADING || this.networkState === this.NETWORK.IDLE) {
- this.dispatchEventAsync(new CustomEvent('emptied'));
- this.setReadyState(this.READY.NOTHING);
- if (!this._paused)
- this.pause();
- if (!this._seeking)
- this._seeking = false;
- this.setCurrentTime(0);
- this.buffer = null;
- }
-
- this.setPlaybackRate(this.defaultPlaybackRate);
- this._error = null;
- this._autoplay = true;
- this.stopInternal();
-
- if (!this._src) {
- this._networkState = this.NETWORK.EMPTY;
- return;
- }
-
- this._networkState = this.NETWORK.LOADING;
- this.dispatchEventAsync(new CustomEvent('loadstart'));
-
- this.ajax = new XMLHttpRequest();
- this.ajax.open("GET", this._src, true);
- this.ajax.responseType = "arraybuffer";
- this.ajax.onload = function() {
- if (!this.ajax.response)
- return;
-
- this.setReadyState(this.READY.FUTURE_DATA);
-
- try {
- Sound.audioContext.decodeAudioData(
- this.ajax.response,
- function(buffer) {
- this.buffer = buffer;
- if (this.shouldBePlaying)
- this.play();
- }.bind(this),
- function(error) {
- console.log("Error in creating buffer for sound '" + this._src + "': " + error);
- }.bind(this)
- );
- } catch(exception) {
- console.log(exception);
- }
- }.bind(this);
- this.ajax.onprogress = function() {
- this.dispatchEventAsync(new CustomEvent('progress'));
- }.bind(this);
- this.ajax.send();
- },
-
- play: function() {
- if (!this.buffer) {
- this.shouldBePlaying = true;
- return;
- }
-
- if (this.node)
- return;
-
- if (this._ended && this._playbackRate > 0)
- this.setCurrentTime(0);
-
- if (this._paused) {
- this._paused = false;
- this.dispatchEventAsync(new CustomEvent('play'));
-
- if (this._readyState < this.READY.FUTURE_DATA)
- this.dispatchEventAsync(new CustomEvent('waiting'));
- else
- this.dispatchEventAsync(new CustomEvent('playing'));
- }
-
- this._autoplay = false;
-
- this.playInternal();
- },
-
- playInternal: function() {
- this.gainNode = Sound.audioContext.createGainNode();
- this.gainNode.gain.value = this._volume;
- this.gainNode.connect(Sound.audioContext.destination);
-
- this.node = Sound.audioContext.createBufferSource();
- this.node.connect(this.gainNode);
- this.node.buffer = this.buffer;
- this.node.playbackRate.value = this._playbackRate;
- this.node.start(0, this.nextStartTime);
- this.node.onended = this.onended.bind(this);
- },
-
-
- pause: function() {
- this._autoplay = false;
-
- if (!this._paused) {
- this._paused = false;
- this.dispatchEventAsync(new CustomEvent('timeupdate'));
- this.dispatchEventAsync(new CustomEvent('pause'));
- }
-
- if (!this.buffer || !this.node)
- return;
-
- this.nextStartTime = Sound.audioContext.currentTime - this.startTime;
- this.stopInternal();
- },
-
- stopInternal: function() {
- if (this.node) {
- this.node.disconnect();
- delete this.node;
- }
- if (this.gainNode) {
- this.gainNode.disconnect();
- delete this.gainNode;
- }
- },
-
- onended: function() {
- this._ended = true;
- this.nextStartTime = 0;
- this.stopInternal();
- this.dispatchEventAsync(new CustomEvent('ended'));
- },
-
- addEventListener: function(eventName, handler) {
- if (!this.eventListeners[eventName])
- this.eventListeners[eventName] = [];
-
- var listeners = this.eventListeners[eventName];
- if (listeners.indexOf(handler) !== -1)
- return;
-
- listeners.push(handler);
- },
-
- removeEventListener: function(eventName, handler) {
- if (!this.eventListeners[eventName])
- return;
-
- var listeners = this.eventListeners[eventName];
- var index = listeners.indexOf(handler);
- if (index === -1)
- return;
-
- listeners.splice(index, 1);
- },
-
- dispatchEventAsync: function(event) {
- window.setTimeout(this.dispatchEvent.bind(this, event), 0);
- },
-
- dispatchEvent: function(event) {
- if (!this.eventListeners[event.type])
- return;
-
- event.target = this;
- var listeners = this.eventListeners[event.type];
- listeners.forEach(function(listener) {
- listener.call(this, event);
- });
- },
-
- getSrc: function() {
- return this._src;
- },
-
- setSrc: function(src) {
- this._src = src;
- this.load();
- },
-
- getCurrentSrc: function() {
- return this._src;
- },
-
- getNetworkState: function() {
- return this._networkState;
- },
-
- getReadyState: function() {
- return this._readyState;
- },
-
- setReadyState: function(value) {
- this._readyState = value;
- },
-
- getPreload: function() {
- if (!this._preload)
- return 'none';
- return 'auto';
- },
-
- setPreload: function(preload) {
- switch (preload) {
- case 'none':
- this._preload = false;
- break;
- default:
- this._preload = true;
- if (!this.buffer)
- load();
- break;
- }
- },
-
- getCurrentTime: function() {
- if (!this.node)
- return this.nextStartTime;
- return this.nextStartTime + Sound.audioContext.currentTIme - this.startTime;
- },
-
- setCurrentTime: function(time) {
- this.nextStartTime = time;
- this.dispatchEventAsync(new CustomEvent('timeupdate'));
- if (!this.node)
- return;
-
- this.stopInternal();
- this.playInternal();
- },
-
- getDuration: function() {
- if (!this.buffer)
- return NaN;
-
- return this.buffer.duration;
- },
-
- getPaused: function() {
- return this._paused;
- },
-
- getPlaybackRate: function() {
- return this._playbackRate;
- },
-
- setPlaybackRate: function(rate) {
- this._playbackRate = rate;
-
- if (this.buffer) {
- this.stopInternal();
- this.playInternal();
- }
- },
-
- getVolume: function() {
- return this._volume;
- },
-
- setVolume: function(volume) {
- this._volume = volume;
- if (!this.gainNode)
- return;
-
- this.gainNode.gain.value = volume;
- this.dispatchEventAsync(new CustomEvent('volumechange'));
- },
+ /* Constants */
+ ERR: {
+ NONE: 0,
+ ABORTED: 1,
+ NETWORK: 2,
+ DECODE: 3,
+ SRC_NOT_SUPPORTED: 4,
+ },
+
+ NETWORK: {
+ EMPTY: 0,
+ IDLE: 1,
+ LOADING: 2,
+ NO_SOURCE: 3,
+ },
+
+ READY: {
+ NOTHING: 0,
+ METADATA: 1,
+ CURRENT_DATA: 2,
+ FUTURE_DATA: 3,
+ ENOUGH_DATA: 4,
+ },
+
+ PRELOAD: {
+ NONE: 0,
+ METADATA: 1,
+ AUTO: 2,
+ },
+
+ load: function() {
+ if (this.networkState === this.NETWORK.LOADING || this.networkState === this.NETWORK.IDLE)
+ this.dispatchEventAsync(new CustomEvent('abort'));
+
+ if (this.networkState !== this.NETWORK.EMPTY) {
+ this.dispatchEventAsync(new CustomEvent('emptied'));
+
+ if (this.ajax)
+ this.ajax.abort();
+
+ if (this.selectResourceTimer) {
+ clearTimeout(this.selectResourceTimer);
+ this.selectResourceTimer = null;
+ }
+
+ if (this.fetchResourceTimer) {
+ clearTimeout(this.fetchResourceTimer);
+ this.fetchResourceTimer = null;
+ }
+
+ if (this._readyState != this.READY.NOTHING)
+ this.setReadyState(this.READY.NOTHING);
+
+ if (!this._paused)
+ this.pause();
+
+ if (!this._seeking)
+ this._seeking = false;
+ this.setCurrentTime(0);
+ this.buffer = null;
+ }
+
+ this.setPlaybackRate(this.defaultPlaybackRate);
+ this._error = null;
+ this.autoplaying = true;
+ this.stopInternal();
+ this.sentLoadedData = false;
+
+ this.selectResource();
+ },
+
+ selectResource: function() {
+ this.setNetworkState(this.NETWORK.NO_SOURCE);
+ this.delayingTheLoadEvent = true;
+
+ this.selectResourceTimer = setTimeout(this.selectResourceAsync.bind(this), 0);
+ },
+
+ selectResourceAsync: function() {
+ this.selectResourceTimer = null;
+
+ if (!this._src) {
+ this.setNetworkState(this.NETWORK.EMPTY);
+ return;
+ }
+
+ this.setNetworkState(this.NETWORK.LOADING);
+ this.dispatchEventAsync(new CustomEvent('loadstart'));
+
+ this.fetchResourceTimer = setTimeout(this.fetchResource(), 0);
+ },
+
+ fetchResource: function() {
+ this.fetchResourceTimer = null;
+
+ if (this._preload === this.PRELOAD.NONE) {
+ this.setNetworkState(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";
+ this.ajax.onprogress = this.resourceFetchingProgressed.bind(this);
+ this.ajax.onload = this.resourceFetchingSucceeded.bind(this);
+ this.ajax.onerror = this.resourceFetchingFailed.bind(this);
+ this.ajax.send();
+ },
+
+ resourceFetchingProgressed: function() {
+ this.dispatchEventAsync(new CustomEvent('progress'));
+ },
+
+ resourceFetchingSucceeded: function() {
+ if (!this.ajax.response)
+ return;
+
+ this.setNetworkState(this.NETWORK.IDLE);
+ this.dispatchEventAsync(new CustomEvent('suspend'));
+ this.setReadyState(this.READY.METADATA);
+
+ try {
+ Sound.audioContext.decodeAudioData(
+ this.ajax.response,
+ this.resourceDecodingSucceeded.bind(this),
+ this.resourceDecodingFailed.bind(this)
+ );
+ } catch(exception) {
+ console.log(exception);
+ }
+ },
+
+ resourceFetchingFailed: function() {
+ this.error = { code: MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED };
+ this.setNetworkState(this.NETWORK.NO_SOURCE);
+ this.dispatchEventAsync(new CustomEvent('error'));
+ this.delayingTheLoadEvent = false;
+ },
+
+ resourceDecodingSucceeded: function(buffer) {
+ this.buffer = buffer;
+
+ this.setCurrentTime(0);
+ this.dispatchEventAsync(new CustomEvent('durationchange'));
+ this.setReadyState(this.READY.ENOUGH_DATA);
+
+ if (this.autoplaying && this._paused && this._autoplay)
+ this.play();
+ this.dispatchEventAsync(new CustomEvent('canplaythrough'));
+ },
+
+ resourceDecodingFailed: function(error) {
+ this._error = { code: HTMLMediaElement.MEDIA_ERR_DECODE };
+ this.dispatchEventAsync(new CustomEvent('error'));
+ if (this._readyState === this.READY.NOTHING) {
+ this.setNetworkState(this.NETWORK.EMPTY);
+ this.dispatchEventAsync('emptied');
+ } else
+ this.setNetworkState(this.NETWORK.IDLE);
+ },
+
+ play: function() {
+ if (this._networkState === this.NETWORK.EMPTY)
+ this.loadResource();
+
+ if (!this.buffer) {
+ this.autoplaying = true;
+ return;
+ }
+
+ if (this.node)
+ return;
+
+ if (this.endedPlayback()) {
+ if (this._playbackRate > 0)
+ this.setCurrentTime(0);
+ else
+ this.setCurrentTime(this.duration)
+ }
+
+ if (this._paused || this.endedPlayback()) {
+ this._paused = false;
+ this.dispatchEventAsync(new CustomEvent('play'));
+
+ if (this._readyState < this.READY.FUTURE_DATA)
+ this.dispatchEventAsync(new CustomEvent('waiting'));
+ else
+ this.dispatchEventAsync(new CustomEvent('playing'));
+ }
+
+ this._autoplay = false;
+
+ this.playInternal();
+ },
+
+ playInternal: function() {
+ this.gainNode = Sound.audioContext.createGainNode();
+ this.gainNode.gain.value = this._muted ? 0 : this._volume;
+ this.gainNode.connect(Sound.audioContext.destination);
+
+ this.startTime = Sound.audioContext.currentTime;
+
+ this.node = Sound.audioContext.createBufferSource();
+ this.node.connect(this.gainNode);
+ this.node.buffer = this.buffer;
+ this.node.playbackRate.value = this._playbackRate;
+ this.node.onended = this.onended.bind(this);
+ if (this._playbackRate < 0)
+ this.node.start(0, 0, this.nextStartTime);
+ else
+ this.node.start(0, this.nextStartTime, this.buffer.duration - this.nextStartTime);
+
+ this.timeUpdateTimer = setInterval(this.sendTimeUpdate.bind(this), 250);
+ },
+
+ sendTimeUpdate: function() {
+ this.dispatchEventAsync(new CustomEvent('timeupdate'));
+ },
+
+ pause: function() {
+ if (this._networkState === this.NETWORK.EMPTY)
+ this.loadResource();
+
+ this._autoplay = false;
+
+ if (!this._paused) {
+ this._paused = true;
+ this.dispatchEventAsync(new CustomEvent('timeupdate'));
+ this.dispatchEventAsync(new CustomEvent('pause'));
+ }
+
+ if (!this.buffer || !this.node)
+ return;
+
+ this.nextStartTime = this._playbackRate * (Sound.audioContext.currentTime - this.startTime);
+ this.stopInternal();
+ },
+
+ stopInternal: function() {
+ if (this.node) {
+ this.node.disconnect();
+ delete this.node;
+ }
+ if (this.gainNode) {
+ this.gainNode.disconnect();
+ delete this.gainNode;
+ }
+
+ clearInterval(this.timeUpdateTimer);
+ },
+
+ onended: function() {
+ if (this._loop) {
+ this.nextStartTime = this._playbackRate < 0 ? this.duration : 0;
+ this.stopInternal();
+ this.playInternal();
+ return;
+ }
+
+ this.nextStartTime = this._playbackRate < 0 ? 0 : this.duration;
+ this.stopInternal();
+ this.dispatchEventAsync(new CustomEvent('ended'));
+ },
+
+ endedPlayback: function() {
+ if (this._readyState < this.READY.METADATA)
+ return false;
+
+ if (this.currentTime >= this.duration && this._playbackRate >= 0 && !this._loop)
+ return true;
+
+ if (this.currentTime <= 0 && this._playbackRate <= 0)
+ return true;
+ },
+
+ getEnded: function() {
+ return this.endedPlayback() && this._playbackRate >= 0;
+ },
+
+ addEventListener: function(eventName, handler) {
+ if (!this.eventListeners[eventName])
+ this.eventListeners[eventName] = [];
+
+ var listeners = this.eventListeners[eventName];
+ if (listeners.indexOf(handler) !== -1)
+ return;
+
+ listeners.push(handler);
+ },
+
+ removeEventListener: function(eventName, handler) {
+ if (!this.eventListeners[eventName])
+ return;
+
+ var listeners = this.eventListeners[eventName];
+ var index = listeners.indexOf(handler);
+ if (index === -1)
+ return;
+
+ listeners.splice(index, 1);
+ },
+
+ dispatchEventAsync: function(event) {
+ window.setTimeout(this.dispatchEvent.bind(this, event), 0);
+ },
+
+ dispatchEvent: function(event) {
+ if (!this.eventListeners[event.type])
+ return;
+
+ event.target = this;
+ var listeners = this.eventListeners[event.type];
+ listeners.forEach(function(listener) {
+ listener.call(this, event);
+ });
+ },
+
+ getSrc: function() {
+ return this._src;
+ },
+
+ setSrc: function(src) {
+ this._src = src;
+ if (this._src)
+ this.load();
+ },
+
+ getCurrentSrc: function() {
+ return this._src;
+ },
+
+ getNetworkState: function() {
+ return this._networkState;
+ },
+
+ setNetworkState: function(value) {
+ this._networkState = value;
+ },
+
+ getReadyState: function() {
+ return this._readyState;
+ },
+
+ setReadyState: function(value) {
+ var oldState = this._readyState;
+ var newState = this._readyState = value;
+
+ if (this._networkState === this.NETWORK.EMPTY)
+ return;
+
+ if (oldState === this.READY.NOTHING && newState === this.READY.METADATA)
+ this.dispatchEventAsync('loadedmetadata');
+
+ if (oldState === this.READY.METADATA && newState >= this.READY.CURRENT_DATA) {
+ if (!this.sentLoadedData)
+ this.dispatchEventAsync('loadeddata');
+ }
+
+ if (oldState >= this.READY.FUTURE_DATA && newState <= this.READY.CURRENT_DATA) {
+ if (this.autoplaying && this._paused && this._autoplay && !this.endedPlayback() && !this._error) {
+ this.dispatchEventAsync('timeupdate');
+ this.dispatchEventAsync('waiting');
+ this.nextStartTime = this._playbackRate * (Sound.audioContext.currentTime - this.startTime);
+ this.stopInternal();
+ }
+ }
+
+ if (oldState <= this.READY.CURRENT_DATA && newState === this.READY.FUTURE_DATA) {
+ this.dispatchEventAsync('canplay');
+ if (!this._paused)
+ this.dispatchEventAsync('playing');
+ }
+
+ if (oldState <= this.READY.CURRENT_DATA && newState === this.READY.FUTURE_DATA) {
+ this.dispatchEventAsync('canplay');
+ if (!this._paused) {
+ this.dispatchEventAsync('playing');
+ this.playInternal();
+ }
+
+ if (this.autoplaying && this._paused && this._autoplay)
+ this.play();
+ }
+ },
+
+ getPreload: function() {
+ switch (this._preload) {
+ case this.PRELOAD.NONE: return 'none';
+ case this.PRELOAD.METADATA: return 'metadata';
+ case this.PRELOAD.AUTO: return 'auto';
+ default: return '';
+ }
+ },
+
+ setPreload: function(preload) {
+ switch (preload) {
+ default:
+ case 'none':
+ this._preload = this.PRELOAD.NONE;
+ break;
+ case 'metadata':
+ this._preload = this.PRELOAD.METADATA;
+ if (this._networkState === this.NETWORK.EMPTY)
+ this.load();
+ break;
+ case 'auto':
+ this._preload = this.PRELOAD.auto;
+ if (this._networkState === this.NETWORK.EMPTY)
+ this.load();
+ break;
+ }
+ },
+
+ getCurrentTime: function() {
+ if (!this.node)
+ return this.nextStartTime;
+ return this.nextStartTime + this._playbackRate * (Sound.audioContext.currentTime - this.startTime);
+ },
+
+ setCurrentTime: function(time) {
+ this.nextStartTime = parseFloat(time);
+ this.dispatchEventAsync(new CustomEvent('timeupdate'));
+ if (!this.node)
+ return;
+
+ this.stopInternal();
+ this.playInternal();
+ },
+
+ getDuration: function() {
+ if (!this.buffer)
+ return NaN;
+
+ return this.buffer.duration;
+ },
+
+ getPaused: function() {
+ return this._paused;
+ },
+
+ getPlaybackRate: function() {
+ return this._playbackRate;
+ },
+
+ setPlaybackRate: function(rate) {
+ var oldPlaybackRate = this._playbackRate;
+ this._playbackRate = parseFloat(rate);
+ this.dispatchEventAsync(new CustomEvent('ratechange'));
+
+ if (this.node) {
+ var currentTime = Sound.audioContext.currentTime
+ this.nextStartTime += oldPlaybackRate * (currentTime - this.startTime);
+ this.startTime = currentTime;
+ this.node.playbackRate.value = this._playbackRate;
+
+ if ((oldPlaybackRate <= 0) != (this._playbackRate <= 0)) {
+ this.stopInternal();
+ this.playInternal();
+ }
+ }
+ },
+
+ getDefaultPlaybackRate: function() {
+ return this._defaultPlaybackRate;
+ },
+
+ setDefaultPlaybackRate: function(rate) {
+ this._defaultPlaybackRate = parseFloat(rate);
+ this.dispatchEventAsync(new CustomEvent('ratechange'));
+ },
+
+ getVolume: function() {
+ return this._volume;
+ },
+
+ setVolume: function(volume) {
+ if (this._volume === volume)
+ return;
+
+ this._volume = parseFloat(volume);
+ this.dispatchEventAsync(new CustomEvent('volumechange'));
+
+ if (this.gainNode)
+ this.gainNode.gain.value = this._muted ? 0 : this._volume;
+ },
+
+ getMuted: function() {
+ return this._muted;
+ },
+
+ setMuted: function(muted) {
+ if (this._muted === muted)
+ return;
+
+ this._muted = muted;
+ this.dispatchEventAsync(new CustomEvent('volumechange'));
+
+ if (this.gainNode)
+ this.gainNode.gain.value = this._muted ? 0 : this._volume;
+ },
+
+ getAutoplay: function() {
+ return this._autoplay;
+ },
+
+ setAutoplay: function(autoplay) {
+ if (this._autoplay === autoplay)
+ return;
+
+ this._autoplay = autoplay;
+ if (this._autoplay && this._networkState === this.NETWORK.EMPTY)
+ this.load();
+ },
+
+ getLoop: function() {
+ return this._loop;
+ },
+
+ setLoop: function(loop) {
+ this._loop = loop;
+ },
git://id.pley.net / sound.git / blobdiff