1207 lines
36 KiB
JavaScript
1207 lines
36 KiB
JavaScript
//=============================================================================
|
||
// AudioStreaming.js
|
||
// MIT License (C) 2019 くらむぼん
|
||
// http://opensource.org/licenses/mit-license.php
|
||
// ----------------------------------------------------------------------------
|
||
// 2019/06/02 ループタグの指定範囲が全長を超えた場合のループ処理を修正
|
||
// 2019/06/02 デコード結果がない場合にエラーになるのを修正
|
||
// 2019/06/15 Windows7のFirefoxでストリーミングが無効なバグの場合、フォールバック
|
||
// 2019/06/16 暗号化音声ファイル対応
|
||
// 2019/06/22 Safariでサンプルレート8000～22050に対応
|
||
// 2019/06/27 Safariで一部音声が二重に流れることがある不具合を修正
|
||
// 2019/06/29 Cordovaで動作するように修正
|
||
//=============================================================================
|
||
|
||
/*:
|
||
* @plugindesc Load audio faster and use only ogg files.
|
||
* @author krmbn0576
|
||
*
|
||
* @param mode
|
||
* @type select
|
||
* @option Enable
|
||
* @value 10
|
||
* @option Enable, and measure performance
|
||
* @value 11
|
||
* @option Disable
|
||
* @value 00
|
||
* @option Disable, and measure performance
|
||
* @value 01
|
||
* @desc Sets whether audio streaming is enabled, and whether measure performance.
|
||
* @default 10
|
||
*
|
||
* @param deleteM4a
|
||
* @type boolean
|
||
* @text Delete all m4a files
|
||
* @desc Delete all m4a files the next time you playtest. Backup your files before execute.
|
||
* @default false
|
||
*
|
||
* @help
|
||
* Load audio faster by audio streaming whether on browsers or on standalones.
|
||
* Use only ogg files to play the audio such as BGM and SE.
|
||
* You need no longer to prepare m4a files.
|
||
*
|
||
* Usage:
|
||
* Locate stbvorbis_stream.js, stbvorbis_stream_asm.js, and this plugin in plugins directory.
|
||
* Turn ON Only this plugin, but DO NOT register the others to plugin manager.
|
||
*
|
||
*
|
||
* License:
|
||
* MIT License
|
||
*
|
||
* Library:
|
||
* ogg decoder - stbvorbis.js (C) Hajime Hoshi, krmbn0576
|
||
* https://github.com/hajimehoshi/stbvorbis.js
|
||
*/
|
||
|
||
/*:ja
|
||
* @plugindesc 音声読み込みを高速化し、oggファイルのみを使用します。
|
||
* @author くらむぼん
|
||
*
|
||
* @param mode
|
||
* @type select
|
||
* @option 有効
|
||
* @value 10
|
||
* @option 有効（読み込み速度を計測する）
|
||
* @value 11
|
||
* @option 無効
|
||
* @value 00
|
||
* @option 無効（読み込み速度を計測する）
|
||
* @value 01
|
||
* @text モード
|
||
* @desc このプラグインを有効にするかどうか、読み込み速度を計測するかどうかを設定します。
|
||
* @default 10
|
||
*
|
||
* @param deleteM4a
|
||
* @type boolean
|
||
* @text m4aファイルを消去
|
||
* @desc 次にテストプレイを開始した時、すべてのm4aファイルを削除します。念の為バックアップを取った上でご活用ください。
|
||
* @default false
|
||
*
|
||
* @help
|
||
* 音声ストリーミングにより、音声読み込みを高速化します。
|
||
* BGMや効果音などの音声ファイルにoggファイルのみを使用します。
|
||
* 本プラグインを入れている場合、m4aファイルを用意しなくても音声を再生できます。
|
||
*
|
||
* 使い方：
|
||
* pluginsフォルダに本プラグインとstbvorbis_stream.jsとstbvorbis_stream_asm.jsを配置してください。
|
||
* ３つのうち本プラグイン「だけ」をプラグイン管理でONに設定してください。
|
||
* 他の２つはOFFでも構いませんし、プラグイン管理に登録しなくても構いません。
|
||
*
|
||
*
|
||
* ライセンス：
|
||
* このプラグインを利用する時は、作者名をプラグインから削除しないでください。
|
||
* それ以外の制限はありません。お好きなようにどうぞ。
|
||
*
|
||
* 使用ライブラリ：
|
||
* oggデコーダー - stbvorbis.js (C) Hajime Hoshi, くらむぼん
|
||
* https://github.com/hajimehoshi/stbvorbis.js
|
||
*/
|
||
|
||
if (function() {
|
||
'use strict';
|
||
const parameters = PluginManager.parameters('AudioStreaming');
|
||
const enabled = parameters['mode'][0] === '1';
|
||
const measured = parameters['mode'][1] === '1';
|
||
const deleteM4a = parameters['deleteM4a'] === 'true';
|
||
|
||
const isTest =
|
||
location.search
|
||
.slice(1)
|
||
.split('&')
|
||
.contains('test') ||
|
||
(typeof window.nw !== 'undefined' &&
|
||
nw.App.argv.length > 0 &&
|
||
nw.App.argv[0].split('&').contains('test'));
|
||
|
||
if (deleteM4a && isTest && Utils.isNwjs()) {
|
||
const exec = require('child_process').exec;
|
||
let messages, success, failure;
|
||
if (navigator.language.contains('ja')) {
|
||
messages = [
|
||
'すべてのm4aファイルを削除しますか？',
|
||
'本当に削除しますか？念のため、先にプロジェクトフォルダのバックアップをとっておくことをおすすめします。',
|
||
'こうかいしませんね？'
|
||
];
|
||
success = 'すべてのm4aファイルを削除しました。';
|
||
failure = 'm4aファイルの削除中にエラーが発生しました。 ';
|
||
} else {
|
||
messages = [
|
||
'Delete all m4a files?',
|
||
'Are you sure?',
|
||
'This cannot be undone. Are you really, REALLY sure?'
|
||
];
|
||
success = 'All m4a files have been deleted.';
|
||
failure = 'Error occured while deleting m4a files.';
|
||
}
|
||
if (messages.every(message => confirm(message))) {
|
||
const command =
|
||
process.platform === 'win32'
|
||
? 'del /s *.m4a'
|
||
: 'find . -name "*.m4a" -delete';
|
||
exec(command, error => alert(error ? failure : success));
|
||
}
|
||
}
|
||
|
||
if (measured) {
|
||
const div = document.createElement('div');
|
||
div.style.backgroundColor = 'AliceBlue';
|
||
div.style.position = 'fixed';
|
||
div.style.left = 0;
|
||
div.style.bottom = 0;
|
||
document.body.appendChild(div);
|
||
|
||
const updateInfo = info => {
|
||
const decodeEndTime = Date.now();
|
||
const content = `
|
||
name: ${info.url.split('/').pop()}<br>
|
||
mode: ${enabled ? 'streaming' : 'legacy'}<br>
|
||
load time: ${info.loadEndTime - info.loadStartTime}ms<br>
|
||
decode time: ${decodeEndTime - info.loadEndTime}ms<br>`;
|
||
|
||
if (div.innerHTML !== content) div.innerHTML = content;
|
||
div.style.zIndex = 11;
|
||
};
|
||
|
||
const _SceneManager_updateManagers = SceneManager.updateManagers;
|
||
SceneManager.updateManagers = function() {
|
||
const _StreamWebAudio__load = StreamWebAudio.prototype._load;
|
||
StreamWebAudio.prototype._load = function(url) {
|
||
_StreamWebAudio__load.apply(this, arguments);
|
||
this._info = { url, loadStartTime: Date.now() };
|
||
this.addLoadListener(() => updateInfo(this._info));
|
||
};
|
||
|
||
const _StreamWebAudio__readLoopComments =
|
||
StreamWebAudio.prototype._readLoopComments;
|
||
StreamWebAudio.prototype._readLoopComments = function() {
|
||
this._info.loadEndTime = this._info.loadEndTime || Date.now();
|
||
_StreamWebAudio__readLoopComments.apply(this, arguments);
|
||
};
|
||
|
||
SceneManager.updateManagers = _SceneManager_updateManagers;
|
||
SceneManager.updateManagers.apply(this, arguments);
|
||
};
|
||
}
|
||
|
||
return enabled;
|
||
}()) {
|
||
|
||
PluginManager.loadScript('stbvorbis_stream.js');
|
||
|
||
AudioManager.audioFileExt = function() {
|
||
return '.ogg';
|
||
};
|
||
|
||
fetch('').catch(_ => window.cordova = window.cordova || true);
|
||
|
||
if (window.ResourceHandler) {
|
||
ResourceHandler.fetchWithRetry = async function(
|
||
method,
|
||
url,
|
||
_retryCount = 0
|
||
) {
|
||
let retry;
|
||
try {
|
||
const response = await (!window.cordova ?
|
||
fetch(url, { credentials: 'same-origin' }) :
|
||
new Promise((resolve, reject) => {
|
||
const xhr = new XMLHttpRequest();
|
||
xhr.responseType = 'blob';
|
||
xhr.onload = () => resolve(new Response(xhr.response, { status: xhr.status }));
|
||
xhr.onerror = reject;
|
||
xhr.open('GET', url);
|
||
xhr.send();
|
||
})
|
||
);
|
||
if (response.ok) {
|
||
switch (method) {
|
||
case 'stream':
|
||
if (response.body) {
|
||
return response.body.getReader();
|
||
}
|
||
const value = new Uint8Array(await response.arrayBuffer());
|
||
return {
|
||
_done: false,
|
||
read() {
|
||
if (!this._done) {
|
||
this._done = true;
|
||
return Promise.resolve({ done: false, value });
|
||
} else {
|
||
return Promise.resolve({ done: true });
|
||
}
|
||
}
|
||
};
|
||
case 'arrayBuffer':
|
||
case 'blob':
|
||
case 'formData':
|
||
case 'json':
|
||
case 'text':
|
||
return await response[method]();
|
||
default:
|
||
return Promise.reject(new Error('method not allowed'));
|
||
}
|
||
} else if (response.status < 500) {
|
||
// client error
|
||
retry = false;
|
||
} else {
|
||
// server error
|
||
retry = true;
|
||
}
|
||
} catch (error) {
|
||
if (Utils.isNwjs() || window.cordova) {
|
||
// local file error
|
||
retry = false;
|
||
} else {
|
||
// network error
|
||
retry = true;
|
||
}
|
||
}
|
||
if (!retry) {
|
||
const error = new Error('Failed to load: ' + url);
|
||
SceneManager.catchException(error);
|
||
throw error;
|
||
} else if (_retryCount < this._defaultRetryInterval.length) {
|
||
await new Promise(resolve =>
|
||
setTimeout(resolve, this._defaultRetryInterval[_retryCount])
|
||
);
|
||
return this.fetchWithRetry(method, url, _retryCount + 1);
|
||
} else {
|
||
if (this._reloaders.length === 0) {
|
||
Graphics.printLoadingError(url);
|
||
SceneManager.stop();
|
||
}
|
||
return new Promise(resolve =>
|
||
this._reloaders.push(() =>
|
||
resolve(this.fetchWithRetry(method, url, 0))
|
||
)
|
||
);
|
||
}
|
||
};
|
||
}
|
||
|
||
//=============================================================================
|
||
// StreamWebAudio - A StreamWebAudio Class for Streaming
|
||
//=============================================================================
|
||
|
||
function StreamWebAudio() {
|
||
this.initialize.apply(this, arguments);
|
||
}
|
||
|
||
StreamWebAudio.prototype.clear = function() {
|
||
this.stop();
|
||
this._chunks = [];
|
||
this._gainNode = null;
|
||
this._pannerNode = null;
|
||
this._totalTime = 0;
|
||
this._sampleRate = 0;
|
||
this._loopStart = 0;
|
||
this._loopLength = 0;
|
||
this._startTime = 0;
|
||
this._volume = 1;
|
||
this._pitch = 1;
|
||
this._pan = 0;
|
||
this._loadedTime = 0;
|
||
this._offset = 0;
|
||
this._loadListeners = [];
|
||
this._stopListeners = [];
|
||
this._hasError = false;
|
||
this._autoPlay = false;
|
||
this._isReady = false;
|
||
this._isPlaying = false;
|
||
this._loop = false;
|
||
};
|
||
|
||
StreamWebAudio.prototype._load = async function(url) {
|
||
if (StreamWebAudio._context) {
|
||
if (Decrypter.hasEncryptedAudio) {
|
||
url = Decrypter.extToEncryptExt(url);
|
||
}
|
||
const reader = await ResourceHandler.fetchWithRetry('stream', url);
|
||
this._loading(reader);
|
||
}
|
||
};
|
||
|
||
StreamWebAudio.prototype._loading = async function(reader) {
|
||
try {
|
||
const decode = stbvorbis.decodeStream(result => this._onDecode(result));
|
||
while (true) {
|
||
const { done, value } = await reader.read();
|
||
if (done) {
|
||
decode({ eof: true });
|
||
return;
|
||
}
|
||
let array = value;
|
||
if (Decrypter.hasEncryptedAudio) {
|
||
array = Decrypter.decryptUint8Array(array);
|
||
}
|
||
this._readLoopComments(array);
|
||
decode({ data: array, eof: false });
|
||
}
|
||
} catch (error) {
|
||
console.error(error);
|
||
const autoPlay = this._autoPlay;
|
||
const loop = this._loop;
|
||
const pos = this.seek();
|
||
this.initialize(this._url);
|
||
if (autoPlay) {
|
||
this.play(loop, pos);
|
||
}
|
||
}
|
||
};
|
||
|
||
StreamWebAudio.prototype._onDecode = function(result) {
|
||
if (result.error) {
|
||
console.error(result.error);
|
||
return;
|
||
}
|
||
if (result.eof) {
|
||
this._totalTime = this._loadedTime;
|
||
if (this._loopLength === 0) {
|
||
this._loopStart = 0;
|
||
this._loopLength = this._totalTime;
|
||
if (this._loop) {
|
||
this._createSourceNodes();
|
||
}
|
||
} else if (this._totalTime < this._loopStart + this._loopLength) {
|
||
this._loopLength = this._totalTime - this._loopStart;
|
||
if (this._loop) {
|
||
this._createSourceNodes();
|
||
}
|
||
}
|
||
if (this._totalTime <= this.seek()) {
|
||
this.stop();
|
||
}
|
||
return;
|
||
}
|
||
if (result.data[0].length === 0) {
|
||
return;
|
||
}
|
||
let buffer;
|
||
try {
|
||
buffer = StreamWebAudio._context.createBuffer(
|
||
result.data.length,
|
||
result.data[0].length,
|
||
result.sampleRate
|
||
);
|
||
} catch (error) {
|
||
if (8000 <= result.sampleRate && result.sampleRate < 22050) {
|
||
result.sampleRate *= 3;
|
||
for (let i = 0; i < result.data.length; i++) {
|
||
const old = result.data[i];
|
||
result.data[i] = new Float32Array(result.data[i].length * 3);
|
||
for (let j = 0; j < old.length; j++) {
|
||
result.data[i][j * 3] = old[j];
|
||
result.data[i][j * 3 + 1] = old[j];
|
||
result.data[i][j * 3 + 2] = old[j];
|
||
}
|
||
}
|
||
buffer = StreamWebAudio._context.createBuffer(
|
||
result.data.length,
|
||
result.data[0].length,
|
||
result.sampleRate
|
||
);
|
||
} else {
|
||
throw error;
|
||
}
|
||
}
|
||
for (let i = 0; i < result.data.length; i++) {
|
||
if (buffer.copyToChannel) {
|
||
buffer.copyToChannel(result.data[i], i);
|
||
} else {
|
||
buffer.getChannelData(i).set(result.data[i]);
|
||
}
|
||
}
|
||
const chunk = { buffer, sourceNode: null, when: this._loadedTime };
|
||
this._chunks.push(chunk);
|
||
this._loadedTime += buffer.duration;
|
||
this._createSourceNode(chunk);
|
||
if (!this._isReady && this._loadedTime >= this._offset) {
|
||
this._isReady = true;
|
||
this._onLoad();
|
||
}
|
||
};
|
||
|
||
Object.defineProperty(StreamWebAudio.prototype, 'pitch', {
|
||
get: function() {
|
||
return this._pitch;
|
||
},
|
||
set: function(value) {
|
||
if (this._pitch !== value) {
|
||
this._pitch = value;
|
||
if (this.isPlaying()) {
|
||
this.play(this._loop, 0);
|
||
}
|
||
}
|
||
},
|
||
configurable: true
|
||
});
|
||
|
||
StreamWebAudio.prototype.isReady = function() {
|
||
return this._isReady;
|
||
};
|
||
|
||
StreamWebAudio.prototype.isPlaying = function() {
|
||
return this._isPlaying;
|
||
};
|
||
|
||
StreamWebAudio.prototype.play = function(loop, offset) {
|
||
this._autoPlay = true;
|
||
this._loop = loop;
|
||
this._offset = offset || 0;
|
||
if (this._loop && this._loopLength > 0) {
|
||
while (this._offset >= this._loopStart + this._loopLength) {
|
||
this._offset -= this._loopLength;
|
||
}
|
||
}
|
||
if (this.isReady()) {
|
||
this._startPlaying();
|
||
}
|
||
};
|
||
|
||
StreamWebAudio.prototype.stop = function() {
|
||
const wasPlaying = this.isPlaying();
|
||
this._isPlaying = false;
|
||
this._autoPlay = false;
|
||
this._removeNodes();
|
||
if (this._stopListeners && wasPlaying) {
|
||
this._stopListeners.forEach(listener => listener());
|
||
this._stopListeners.length = 0;
|
||
}
|
||
};
|
||
|
||
StreamWebAudio.prototype.seek = function() {
|
||
if (StreamWebAudio._context && this.isPlaying()) {
|
||
let pos =
|
||
(StreamWebAudio._context.currentTime - this._startTime) * this._pitch;
|
||
if (this._loop && this._loopLength > 0) {
|
||
while (pos >= this._loopStart + this._loopLength) {
|
||
pos -= this._loopLength;
|
||
}
|
||
}
|
||
return pos;
|
||
} else {
|
||
return 0;
|
||
}
|
||
};
|
||
|
||
StreamWebAudio.prototype._startPlaying = function() {
|
||
this._isPlaying = true;
|
||
this._startTime =
|
||
StreamWebAudio._context.currentTime - this._offset / this._pitch;
|
||
this._removeNodes();
|
||
this._createNodes();
|
||
this._connectNodes();
|
||
this._createSourceNodes();
|
||
};
|
||
|
||
StreamWebAudio.prototype._calcSourceNodeParams = function(chunk) {
|
||
const currentTime = StreamWebAudio._context.currentTime;
|
||
const chunkEnd = chunk.when + chunk.buffer.duration;
|
||
const pos = this.seek();
|
||
let when, offset, duration;
|
||
if (this._loop && this._loopLength) {
|
||
const loopEnd = this._loopStart + this._loopLength;
|
||
if (pos <= chunk.when) {
|
||
when = currentTime + (chunk.when - pos) / this._pitch;
|
||
} else if (pos <= (window.AudioContext ? chunkEnd : chunkEnd - 0.0001)) {
|
||
when = currentTime;
|
||
offset = pos - chunk.when;
|
||
} else if (this._loopStart <= pos) {
|
||
when =
|
||
currentTime +
|
||
(chunk.when - pos + this._loopLength) / this._pitch;
|
||
} else {
|
||
return;
|
||
}
|
||
if (this._loopStart <= pos && chunk.when < this._loopStart) {
|
||
if (!offset) {
|
||
when += (this._loopStart - chunk.when) / this._pitch;
|
||
offset = this._loopStart - chunk.when;
|
||
}
|
||
if (chunk.buffer.duration <= offset) {
|
||
return;
|
||
}
|
||
}
|
||
if (loopEnd < chunkEnd) {
|
||
if (!offset) {
|
||
offset = 0;
|
||
}
|
||
duration = loopEnd - chunk.when - offset;
|
||
if (duration <= 0) {
|
||
return;
|
||
}
|
||
}
|
||
} else {
|
||
if (pos <= chunk.when) {
|
||
when = currentTime + (chunk.when - pos) / this._pitch;
|
||
} else if (pos <= (window.AudioContext ? chunkEnd : chunkEnd - 0.0001)) {
|
||
when = currentTime;
|
||
offset = pos - chunk.when;
|
||
} else {
|
||
return;
|
||
}
|
||
}
|
||
return { when, offset, duration };
|
||
};
|
||
|
||
StreamWebAudio.prototype._createSourceNode = function(chunk) {
|
||
if (!this.isPlaying() || !chunk) {
|
||
return;
|
||
}
|
||
if (chunk.sourceNode) {
|
||
chunk.sourceNode.onended = null;
|
||
chunk.sourceNode.stop();
|
||
chunk.sourceNode = null;
|
||
}
|
||
const params = this._calcSourceNodeParams(chunk);
|
||
if (!params) {
|
||
if (!this._reservedSeName) {
|
||
this._chunks[this._chunks.indexOf(chunk)] = null;
|
||
}
|
||
return;
|
||
}
|
||
const { when, offset, duration } = params;
|
||
const context = StreamWebAudio._context;
|
||
const sourceNode = context.createBufferSource();
|
||
sourceNode.onended = _ => {
|
||
this._createSourceNode(chunk);
|
||
if (this._totalTime && this._totalTime <= this.seek()) {
|
||
this.stop();
|
||
}
|
||
};
|
||
sourceNode.buffer = chunk.buffer;
|
||
sourceNode.playbackRate.setValueAtTime(this._pitch, context.currentTime);
|
||
sourceNode.connect(this._gainNode);
|
||
sourceNode.start(when, offset, duration);
|
||
chunk.sourceNode = sourceNode;
|
||
};
|
||
|
||
StreamWebAudio.prototype._createSourceNodes = function() {
|
||
this._chunks.forEach(chunk => this._createSourceNode(chunk));
|
||
};
|
||
|
||
StreamWebAudio.prototype._createNodes = function() {
|
||
const context = StreamWebAudio._context;
|
||
this._gainNode = context.createGain();
|
||
this._gainNode.gain.setValueAtTime(this._volume, context.currentTime);
|
||
this._pannerNode = context.createPanner();
|
||
this._pannerNode.panningModel = 'equalpower';
|
||
this._updatePanner();
|
||
};
|
||
|
||
StreamWebAudio.prototype._connectNodes = function() {
|
||
this._gainNode.connect(this._pannerNode);
|
||
this._pannerNode.connect(StreamWebAudio._masterGainNode);
|
||
};
|
||
|
||
StreamWebAudio.prototype._removeNodes = function() {
|
||
if (this._chunks) {
|
||
this._chunks
|
||
.filter(chunk => chunk && chunk.sourceNode)
|
||
.forEach(chunk => {
|
||
chunk.sourceNode.onended = null;
|
||
chunk.sourceNode.stop();
|
||
chunk.sourceNode = null;
|
||
});
|
||
}
|
||
this._gainNode = null;
|
||
this._pannerNode = null;
|
||
};
|
||
|
||
StreamWebAudio.prototype._onLoad = function() {
|
||
if (this._autoPlay) {
|
||
this.play(this._loop, this._offset);
|
||
}
|
||
this._loadListeners.forEach(listener => listener());
|
||
this._loadListeners.length = 0;
|
||
};
|
||
|
||
StreamWebAudio.prototype._readLoopComments = function(array) {
|
||
if (this._sampleRate === 0) {
|
||
this._readOgg(array);
|
||
if (this._loopLength > 0 && this._sampleRate > 0) {
|
||
this._loopStart /= this._sampleRate;
|
||
this._loopLength /= this._sampleRate;
|
||
}
|
||
}
|
||
};
|
||
|
||
//
|
||
|
||
StreamWebAudio._standAlone = (function(top){
|
||
return !top.ResourceHandler;
|
||
})(this);
|
||
|
||
StreamWebAudio.prototype.initialize = function(url) {
|
||
if (!StreamWebAudio._initialized) {
|
||
StreamWebAudio.initialize();
|
||
}
|
||
this.clear();
|
||
|
||
if(!StreamWebAudio._standAlone){
|
||
this._loader = ResourceHandler.createLoader(url, this._load.bind(this, url), function() {
|
||
this._hasError = true;
|
||
}.bind(this));
|
||
}
|
||
this._load(url);
|
||
this._url = url;
|
||
};
|
||
|
||
StreamWebAudio._masterVolume = 1;
|
||
StreamWebAudio._context = null;
|
||
StreamWebAudio._masterGainNode = null;
|
||
StreamWebAudio._initialized = false;
|
||
StreamWebAudio._unlocked = false;
|
||
|
||
/**
|
||
* Initializes the audio system.
|
||
*
|
||
* @static
|
||
* @method initialize
|
||
* @param {Boolean} noAudio Flag for the no-audio mode
|
||
* @return {Boolean} True if the audio system is available
|
||
*/
|
||
StreamWebAudio.initialize = function(noAudio) {
|
||
if (!this._initialized) {
|
||
if (!noAudio) {
|
||
this._createContext();
|
||
this._detectCodecs();
|
||
this._createMasterGainNode();
|
||
this._setupEventHandlers();
|
||
}
|
||
this._initialized = true;
|
||
}
|
||
return !!this._context;
|
||
};
|
||
|
||
/**
|
||
* Checks whether the browser can play ogg files.
|
||
*
|
||
* @static
|
||
* @method canPlayOgg
|
||
* @return {Boolean} True if the browser can play ogg files
|
||
*/
|
||
StreamWebAudio.canPlayOgg = function() {
|
||
if (!this._initialized) {
|
||
this.initialize();
|
||
}
|
||
return !!this._canPlayOgg;
|
||
};
|
||
|
||
/**
|
||
* Checks whether the browser can play m4a files.
|
||
*
|
||
* @static
|
||
* @method canPlayM4a
|
||
* @return {Boolean} True if the browser can play m4a files
|
||
*/
|
||
StreamWebAudio.canPlayM4a = function() {
|
||
if (!this._initialized) {
|
||
this.initialize();
|
||
}
|
||
return !!this._canPlayM4a;
|
||
};
|
||
|
||
/**
|
||
* Sets the master volume of the all audio.
|
||
*
|
||
* @static
|
||
* @method setMasterVolume
|
||
* @param {Number} value Master volume (min: 0, max: 1)
|
||
*/
|
||
StreamWebAudio.setMasterVolume = function(value) {
|
||
this._masterVolume = value;
|
||
if (this._masterGainNode) {
|
||
this._masterGainNode.gain.setValueAtTime(this._masterVolume, this._context.currentTime);
|
||
}
|
||
};
|
||
|
||
/**
|
||
* @static
|
||
* @method _createContext
|
||
* @private
|
||
*/
|
||
StreamWebAudio._createContext = function() {
|
||
try {
|
||
if (typeof AudioContext !== 'undefined') {
|
||
this._context = new AudioContext();
|
||
} else if (typeof webkitAudioContext !== 'undefined') {
|
||
this._context = new webkitAudioContext();
|
||
}
|
||
} catch (e) {
|
||
this._context = null;
|
||
}
|
||
};
|
||
|
||
/**
|
||
* @static
|
||
* @method _detectCodecs
|
||
* @private
|
||
*/
|
||
StreamWebAudio._detectCodecs = function() {
|
||
var audio = document.createElement('audio');
|
||
if (audio.canPlayType) {
|
||
this._canPlayOgg = audio.canPlayType('audio/ogg');
|
||
this._canPlayM4a = audio.canPlayType('audio/mp4');
|
||
}
|
||
};
|
||
|
||
/**
|
||
* @static
|
||
* @method _createMasterGainNode
|
||
* @private
|
||
*/
|
||
StreamWebAudio._createMasterGainNode = function() {
|
||
var context = StreamWebAudio._context;
|
||
if (context) {
|
||
this._masterGainNode = context.createGain();
|
||
this._masterGainNode.gain.setValueAtTime(this._masterVolume, context.currentTime);
|
||
this._masterGainNode.connect(context.destination);
|
||
}
|
||
};
|
||
|
||
/**
|
||
* @static
|
||
* @method _setupEventHandlers
|
||
* @private
|
||
*/
|
||
StreamWebAudio._setupEventHandlers = function() {
|
||
var resumeHandler = function() {
|
||
var context = StreamWebAudio._context;
|
||
if (context && context.state === "suspended" && typeof context.resume === "function") {
|
||
context.resume().then(function() {
|
||
StreamWebAudio._onTouchStart();
|
||
})
|
||
} else {
|
||
StreamWebAudio._onTouchStart();
|
||
}
|
||
};
|
||
document.addEventListener("keydown", resumeHandler);
|
||
document.addEventListener("mousedown", resumeHandler);
|
||
document.addEventListener("touchend", resumeHandler);
|
||
document.addEventListener('touchstart', this._onTouchStart.bind(this));
|
||
document.addEventListener('visibilitychange', this._onVisibilityChange.bind(this));
|
||
};
|
||
|
||
/**
|
||
* @static
|
||
* @method _onTouchStart
|
||
* @private
|
||
*/
|
||
StreamWebAudio._onTouchStart = function() {
|
||
var context = StreamWebAudio._context;
|
||
if (context && !this._unlocked) {
|
||
// Unlock Web Audio on iOS
|
||
var node = context.createBufferSource();
|
||
node.start(0);
|
||
this._unlocked = true;
|
||
}
|
||
};
|
||
|
||
/**
|
||
* @static
|
||
* @method _onVisibilityChange
|
||
* @private
|
||
*/
|
||
StreamWebAudio._onVisibilityChange = function() {
|
||
if (document.visibilityState === 'hidden') {
|
||
this._onHide();
|
||
} else {
|
||
this._onShow();
|
||
}
|
||
};
|
||
|
||
/**
|
||
* @static
|
||
* @method _onHide
|
||
* @private
|
||
*/
|
||
StreamWebAudio._onHide = function() {
|
||
if (this._shouldMuteOnHide()) {
|
||
this._fadeOut(1);
|
||
}
|
||
};
|
||
|
||
/**
|
||
* @static
|
||
* @method _onShow
|
||
* @private
|
||
*/
|
||
StreamWebAudio._onShow = function() {
|
||
if (this._shouldMuteOnHide()) {
|
||
this._fadeIn(0.5);
|
||
}
|
||
};
|
||
|
||
/**
|
||
* @static
|
||
* @method _shouldMuteOnHide
|
||
* @private
|
||
*/
|
||
StreamWebAudio._shouldMuteOnHide = function() {
|
||
return Utils.isMobileDevice();
|
||
};
|
||
|
||
/**
|
||
* @static
|
||
* @method _fadeIn
|
||
* @param {Number} duration
|
||
* @private
|
||
*/
|
||
StreamWebAudio._fadeIn = function(duration) {
|
||
if (this._masterGainNode) {
|
||
var gain = this._masterGainNode.gain;
|
||
var currentTime = StreamWebAudio._context.currentTime;
|
||
gain.setValueAtTime(0, currentTime);
|
||
gain.linearRampToValueAtTime(this._masterVolume, currentTime + duration);
|
||
}
|
||
};
|
||
|
||
/**
|
||
* @static
|
||
* @method _fadeOut
|
||
* @param {Number} duration
|
||
* @private
|
||
*/
|
||
StreamWebAudio._fadeOut = function(duration) {
|
||
if (this._masterGainNode) {
|
||
var gain = this._masterGainNode.gain;
|
||
var currentTime = StreamWebAudio._context.currentTime;
|
||
gain.setValueAtTime(this._masterVolume, currentTime);
|
||
gain.linearRampToValueAtTime(0, currentTime + duration);
|
||
}
|
||
};
|
||
|
||
|
||
/**
|
||
* [read-only] The url of the audio file.
|
||
*
|
||
* @property url
|
||
* @type String
|
||
*/
|
||
Object.defineProperty(StreamWebAudio.prototype, 'url', {
|
||
get: function() {
|
||
return this._url;
|
||
},
|
||
configurable: true
|
||
});
|
||
|
||
/**
|
||
* The volume of the audio.
|
||
*
|
||
* @property volume
|
||
* @type Number
|
||
*/
|
||
Object.defineProperty(StreamWebAudio.prototype, 'volume', {
|
||
get: function() {
|
||
return this._volume;
|
||
},
|
||
set: function(value) {
|
||
this._volume = value;
|
||
if (this._gainNode) {
|
||
this._gainNode.gain.setValueAtTime(this._volume, StreamWebAudio._context.currentTime);
|
||
}
|
||
},
|
||
configurable: true
|
||
});
|
||
|
||
/**
|
||
* The pan of the audio.
|
||
*
|
||
* @property pan
|
||
* @type Number
|
||
*/
|
||
Object.defineProperty(StreamWebAudio.prototype, 'pan', {
|
||
get: function() {
|
||
return this._pan;
|
||
},
|
||
set: function(value) {
|
||
this._pan = value;
|
||
this._updatePanner();
|
||
},
|
||
configurable: true
|
||
});
|
||
|
||
/**
|
||
* Checks whether a loading error has occurred.
|
||
*
|
||
* @method isError
|
||
* @return {Boolean} True if a loading error has occurred
|
||
*/
|
||
StreamWebAudio.prototype.isError = function() {
|
||
return this._hasError;
|
||
};
|
||
|
||
/**
|
||
* Performs the audio fade-in.
|
||
*
|
||
* @method fadeIn
|
||
* @param {Number} duration Fade-in time in seconds
|
||
*/
|
||
StreamWebAudio.prototype.fadeIn = function(duration) {
|
||
if (this.isReady()) {
|
||
if (this._gainNode) {
|
||
var gain = this._gainNode.gain;
|
||
var currentTime = StreamWebAudio._context.currentTime;
|
||
gain.setValueAtTime(0, currentTime);
|
||
gain.linearRampToValueAtTime(this._volume, currentTime + duration);
|
||
}
|
||
} else if (this._autoPlay) {
|
||
this.addLoadListener(function() {
|
||
this.fadeIn(duration);
|
||
}.bind(this));
|
||
}
|
||
};
|
||
|
||
/**
|
||
* Performs the audio fade-out.
|
||
*
|
||
* @method fadeOut
|
||
* @param {Number} duration Fade-out time in seconds
|
||
*/
|
||
StreamWebAudio.prototype.fadeOut = function(duration) {
|
||
if (this._gainNode) {
|
||
var gain = this._gainNode.gain;
|
||
var currentTime = StreamWebAudio._context.currentTime;
|
||
gain.setValueAtTime(this._volume, currentTime);
|
||
gain.linearRampToValueAtTime(0, currentTime + duration);
|
||
}
|
||
this._autoPlay = false;
|
||
};
|
||
|
||
/**
|
||
* Add a callback function that will be called when the audio data is loaded.
|
||
*
|
||
* @method addLoadListener
|
||
* @param {Function} listner The callback function
|
||
*/
|
||
StreamWebAudio.prototype.addLoadListener = function(listner) {
|
||
this._loadListeners.push(listner);
|
||
};
|
||
|
||
/**
|
||
* Add a callback function that will be called when the playback is stopped.
|
||
*
|
||
* @method addStopListener
|
||
* @param {Function} listner The callback function
|
||
*/
|
||
StreamWebAudio.prototype.addStopListener = function(listner) {
|
||
this._stopListeners.push(listner);
|
||
};
|
||
|
||
/**
|
||
* @method _onXhrLoad
|
||
* @param {XMLHttpRequest} xhr
|
||
* @private
|
||
*/
|
||
StreamWebAudio.prototype._onXhrLoad = function(xhr) {
|
||
var array = xhr.response;
|
||
if(Decrypter.hasEncryptedAudio) array = Decrypter.decryptArrayBuffer(array);
|
||
this._readLoopComments(new Uint8Array(array));
|
||
StreamWebAudio._context.decodeAudioData(array, function(buffer) {
|
||
this._buffer = buffer;
|
||
this._totalTime = buffer.duration;
|
||
if (this._loopLength > 0 && this._sampleRate > 0) {
|
||
this._loopStart /= this._sampleRate;
|
||
this._loopLength /= this._sampleRate;
|
||
} else {
|
||
this._loopStart = 0;
|
||
this._loopLength = this._totalTime;
|
||
}
|
||
this._onLoad();
|
||
}.bind(this));
|
||
};
|
||
|
||
/**
|
||
* @method _createEndTimer
|
||
* @private
|
||
*/
|
||
StreamWebAudio.prototype._createEndTimer = function() {
|
||
if (this._sourceNode && !this._sourceNode.loop) {
|
||
var endTime = this._startTime + this._totalTime / this._pitch;
|
||
var delay = endTime - StreamWebAudio._context.currentTime;
|
||
this._endTimer = setTimeout(function() {
|
||
this.stop();
|
||
}.bind(this), delay * 1000);
|
||
}
|
||
};
|
||
|
||
/**
|
||
* @method _removeEndTimer
|
||
* @private
|
||
*/
|
||
StreamWebAudio.prototype._removeEndTimer = function() {
|
||
if (this._endTimer) {
|
||
clearTimeout(this._endTimer);
|
||
this._endTimer = null;
|
||
}
|
||
};
|
||
|
||
/**
|
||
* @method _updatePanner
|
||
* @private
|
||
*/
|
||
StreamWebAudio.prototype._updatePanner = function() {
|
||
if (this._pannerNode) {
|
||
var x = this._pan;
|
||
var z = 1 - Math.abs(x);
|
||
this._pannerNode.setPosition(x, 0, z);
|
||
}
|
||
};
|
||
|
||
/**
|
||
* @method _readOgg
|
||
* @param {Uint8Array} array
|
||
* @private
|
||
*/
|
||
StreamWebAudio.prototype._readOgg = function(array) {
|
||
var index = 0;
|
||
while (index < array.length) {
|
||
if (this._readFourCharacters(array, index) === 'OggS') {
|
||
index += 26;
|
||
var vorbisHeaderFound = false;
|
||
var numSegments = array[index++];
|
||
var segments = [];
|
||
for (var i = 0; i < numSegments; i++) {
|
||
segments.push(array[index++]);
|
||
}
|
||
for (i = 0; i < numSegments; i++) {
|
||
if (this._readFourCharacters(array, index + 1) === 'vorb') {
|
||
var headerType = array[index];
|
||
if (headerType === 1) {
|
||
this._sampleRate = this._readLittleEndian(array, index + 12);
|
||
} else if (headerType === 3) {
|
||
this._readMetaData(array, index, segments[i]);
|
||
}
|
||
vorbisHeaderFound = true;
|
||
}
|
||
index += segments[i];
|
||
}
|
||
if (!vorbisHeaderFound) {
|
||
break;
|
||
}
|
||
} else {
|
||
break;
|
||
}
|
||
}
|
||
};
|
||
|
||
/**
|
||
* @method _readMp4
|
||
* @param {Uint8Array} array
|
||
* @private
|
||
*/
|
||
StreamWebAudio.prototype._readMp4 = function(array) {
|
||
if (this._readFourCharacters(array, 4) === 'ftyp') {
|
||
var index = 0;
|
||
while (index < array.length) {
|
||
var size = this._readBigEndian(array, index);
|
||
var name = this._readFourCharacters(array, index + 4);
|
||
if (name === 'moov') {
|
||
index += 8;
|
||
} else {
|
||
if (name === 'mvhd') {
|
||
this._sampleRate = this._readBigEndian(array, index + 20);
|
||
}
|
||
if (name === 'udta' || name === 'meta') {
|
||
this._readMetaData(array, index, size);
|
||
}
|
||
index += size;
|
||
if (size <= 1) {
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
};
|
||
|
||
/**
|
||
* @method _readMetaData
|
||
* @param {Uint8Array} array
|
||
* @param {Number} index
|
||
* @param {Number} size
|
||
* @private
|
||
*/
|
||
StreamWebAudio.prototype._readMetaData = function(array, index, size) {
|
||
for (var i = index; i < index + size - 10; i++) {
|
||
if (this._readFourCharacters(array, i) === 'LOOP') {
|
||
var text = '';
|
||
while (array[i] > 0) {
|
||
text += String.fromCharCode(array[i++]);
|
||
}
|
||
if (text.match(/LOOPSTART=([0-9]+)/)) {
|
||
this._loopStart = parseInt(RegExp.$1);
|
||
}
|
||
if (text.match(/LOOPLENGTH=([0-9]+)/)) {
|
||
this._loopLength = parseInt(RegExp.$1);
|
||
}
|
||
if (text == 'LOOPSTART' || text == 'LOOPLENGTH') {
|
||
var text2 = '';
|
||
i += 16;
|
||
while (array[i] > 0) {
|
||
text2 += String.fromCharCode(array[i++]);
|
||
}
|
||
if (text == 'LOOPSTART') {
|
||
this._loopStart = parseInt(text2);
|
||
} else {
|
||
this._loopLength = parseInt(text2);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
};
|
||
|
||
/**
|
||
* @method _readLittleEndian
|
||
* @param {Uint8Array} array
|
||
* @param {Number} index
|
||
* @private
|
||
*/
|
||
StreamWebAudio.prototype._readLittleEndian = function(array, index) {
|
||
return (array[index + 3] * 0x1000000 + array[index + 2] * 0x10000 +
|
||
array[index + 1] * 0x100 + array[index + 0]);
|
||
};
|
||
|
||
/**
|
||
* @method _readBigEndian
|
||
* @param {Uint8Array} array
|
||
* @param {Number} index
|
||
* @private
|
||
*/
|
||
StreamWebAudio.prototype._readBigEndian = function(array, index) {
|
||
return (array[index + 0] * 0x1000000 + array[index + 1] * 0x10000 +
|
||
array[index + 2] * 0x100 + array[index + 3]);
|
||
};
|
||
|
||
/**
|
||
* @method _readFourCharacters
|
||
* @param {Uint8Array} array
|
||
* @param {Number} index
|
||
* @private
|
||
*/
|
||
StreamWebAudio.prototype._readFourCharacters = function(array, index) {
|
||
var string = '';
|
||
for (var i = 0; i < 4; i++) {
|
||
string += String.fromCharCode(array[index + i]);
|
||
}
|
||
return string;
|
||
};
|
||
|
||
//
|
||
|
||
Decrypter.decryptUint8Array = function(uint8Array) {
|
||
const ref = this.SIGNATURE + this.VER + this.REMAIN;
|
||
for (let i = 0; i < this._headerlength; i++) {
|
||
if (uint8Array[i] !== parseInt('0x' + ref.substr(i * 2, 2), 16)) {
|
||
return uint8Array;
|
||
}
|
||
}
|
||
uint8Array = new Uint8Array(uint8Array.buffer, this._headerlength);
|
||
this.readEncryptionkey();
|
||
for (var i = 0; i < this._headerlength; i++) {
|
||
uint8Array[i] = uint8Array[i] ^ parseInt(this._encryptionKey[i], 16);
|
||
}
|
||
return uint8Array;
|
||
};
|
||
|
||
}
|