+class Sound {
+ constructor(src) {
+ if (Sound.audioContext === undefined) {
+ var AudioContext = window.AudioContext || window.webkitAudioContext || window.mozAudioContext;
+ Sound.audioContext = new AudioContext();
+ }
+
+ this._networkState = this.NETWORK.EMPTY;
+ this._preload = this.PRELOAD.AUTO;
+ this._buffered = {};
+ this._readyState = this.READY.NOTHING;
+ this._seeking = false;
+ this._paused = true;
+ this._defaultPlaybackRate = 1;
+ this._playbackRate = 1;
+ this._played = {};
+ this._seekable = {};
+ this._autoplay = true;
+ this._loop = false;
+ this._volume = 1;
+ this._muted = false;
+ this._defaultMuted = false;
+
+ this.selectResourceTimer = null;
+ this.fetchResourceTimer = null;
+ this.timeUpdateTimer = null;
+
+ this.buffer = null;
+ this.node = null;
+ this.gainNode = null;
+
+ this.ajax = null;
+ this.eventListeners = { };
+ this.startTime = 0;
+ this.nextStartTime = 0;
+
+ this.autoplaying = false;
+ this.delayingTheLoadEvent = false;
+ this.sentLoadedData = false;
+
+ this.src = src;
+ }
+
+ load() {
+ 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.readyState = this.READY.NOTHING;
+
+ if (!this._paused)
+ this.pause();
+
+ if (!this._seeking)
+ this._seeking = false;
+ this.currentTime = 0;
+ this.buffer = null;
+ }
+
+ this.playbackRate = this.defaultPlaybackRate;
+ this._error = null;
+ this.autoplaying = true;
+ this.stopInternal();
+ this.sentLoadedData = false;
+
+ this.selectResource();
+ }
+
+ selectResource() {
+ this.networkState = this.NETWORK.NO_SOURCE;
+ this.delayingTheLoadEvent = true;
+
+ this.selectResourceTimer = setTimeout(this.selectResourceAsync.bind(this), 0);
+ }
+
+ selectResourceAsync() {
+ this.selectResourceTimer = null;
+
+ if (!this._src) {
+ this.networkState = this.NETWORK.EMPTY;
+ return;
+ }
+
+ this.networkState = this.NETWORK.LOADING;
+ this.dispatchEventAsync(new CustomEvent('loadstart'));
+
+ this.fetchResourceTimer = setTimeout(this.fetchResource(), 0);
+ }
+
+ fetchResource() {
+ this.fetchResourceTimer = null;
+
+ 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";
+ 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() {
+ this.dispatchEventAsync(new CustomEvent('progress'));
+ }
+
+ resourceFetchingSucceeded() {
+ if (!this.ajax.response)
+ return;
+
+ this.networkState = this.NETWORK.IDLE;
+ this.dispatchEventAsync(new CustomEvent('suspend'));
+ this.readyState = this.READY.METADATA;
+
+ try {
+ Sound.audioContext.decodeAudioData(
+ this.ajax.response,
+ this.resourceDecodingSucceeded.bind(this),
+ this.resourceDecodingFailed.bind(this)
+ );
+ } catch(exception) {
+ console.log(exception);
+ }
+ }
+
+ resourceFetchingFailed() {
+ this.error = { code: MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED };
+ this.networkState = this.NETWORK.NO_SOURCE;
+ this.dispatchEventAsync(new CustomEvent('error'));
+ this.delayingTheLoadEvent = false;
+ }
+
+ resourceDecodingSucceeded(buffer) {
+ this.buffer = buffer;
+
+ this.currentTime = 0;
+ this.dispatchEventAsync(new CustomEvent('durationchange'));
+ this.readyState = this.READY.ENOUGH_DATA;
+
+ if (this.autoplaying && this._paused && this._autoplay)
+ this.play();
+ this.dispatchEventAsync(new CustomEvent('canplaythrough'));
+ }
+
+ resourceDecodingFailed(error) {
+ this._error = { code: HTMLMediaElement.MEDIA_ERR_DECODE };
+ this.dispatchEventAsync(new CustomEvent('error'));
+ if (this._readyState === this.READY.NOTHING) {
+ this.networkState = this.NETWORK.EMPTY;
+ this.dispatchEventAsync('emptied');
+ } else
+ this.networkState = this.NETWORK.IDLE;
+ }
+
+ play() {
+ 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.currentTime = 0;
+ else
+ this.currentTime = 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() {
+ 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() {
+ this.dispatchEventAsync(new CustomEvent('timeupdate'));
+ }
+
+ pause() {
+ 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() {
+ if (this.node) {
+ this.node.disconnect();
+ delete this.node;
+ }
+ if (this.gainNode) {
+ this.gainNode.disconnect();
+ delete this.gainNode;
+ }
+
+ clearInterval(this.timeUpdateTimer);
+ }
+
+ onended() {
+ 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() {
+ 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;
+ }
+
+ get ended() {
+ return this.endedPlayback() && this._playbackRate >= 0;
+ }
+
+ addEventListener(eventName, handler) {
+ if (!this.eventListeners[eventName])
+ this.eventListeners[eventName] = [];
+
+ var listeners = this.eventListeners[eventName];
+ if (listeners.indexOf(handler) !== -1)
+ return;
+
+ listeners.push(handler);
+ }
+
+ removeEventListener(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(event) {
+ window.setTimeout(this.dispatchEvent.bind(this, event), 0);
+ }
+
+ dispatchEvent(event) {
+ if (!this.eventListeners[event.type])
+ return;
+
+ var listeners = this.eventListeners[event.type];
+ listeners.forEach(function(listener) {
+ listener.call(this, event);
+ });
+ }
+
+ get src() {
+ return this._src;
+ }
+
+ set src(src) {
+ this._src = src;
+ if (this._src)
+ this.load();
+ }
+
+ get currentSrc() {
+ return this._src;
+ }
+
+ get setworkState() {
+ return this._networkState;
+ }
+
+ set networkState(value) {
+ this._networkState = value;
+ }
+
+ get readyState() {
+ return this._readyState;
+ }
+
+ set readyState(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();
+ }
+ }
+
+ get preload() {
+ switch (this._preload) {
+ case this.PRELOAD.NONE: return 'none';
+ case this.PRELOAD.METADATA: return 'metadata';
+ case this.PRELOAD.AUTO: return 'auto';
+ default: return '';
+ }
+ }
+
+ set preload(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;
+ }
+ }
+
+ get currentTime() {
+ if (!this.node)
+ return this.nextStartTime;
+ return this.nextStartTime + this._playbackRate * (Sound.audioContext.currentTime - this.startTime);
+ }
+
+ set currentTime(time) {
+ this.nextStartTime = parseFloat(time);
+ this.dispatchEventAsync(new CustomEvent('timeupdate'));
+ if (!this.node)
+ return;
+
+ this.stopInternal();
+ this.playInternal();
+ }
+
+ get duration() {
+ if (!this.buffer)
+ return NaN;
+
+ return this.buffer.duration;
+ }
+
+ get paused() {
+ return this._paused;
+ }
+
+ get playbackRate() {
+ return this._playbackRate;
+ }
+
+ set playbackRate(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();
+ }
+ }
+ }
+
+ get defaultPlaybackRate() {
+ return this._defaultPlaybackRate;
+ }
+
+ set defaultPlaybackRate(rate) {
+ this._defaultPlaybackRate = parseFloat(rate);
+ this.dispatchEventAsync(new CustomEvent('ratechange'));
+ }
+
+ get volume() {
+ return this._volume;
+ }
+
+ set volume(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;
+ }
+
+ get muted() {
+ return this._muted;
+ }
+
+ set muted(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;
+ }
+
+ get autoplay() {
+ return this._autoplay;
+ }
+
+ set autoplay(autoplay) {
+ if (this._autoplay === autoplay)
+ return;
+
+ this._autoplay = autoplay;
+ if (this._autoplay && this._networkState === this.NETWORK.EMPTY)
+ this.load();
+ }
+
+ get loop() {
+ return this._loop;
+ }
+
+ set loop(loop) {
+ this._loop = loop;
+ }
git://id.pley.net / sound.git / blobdiff