Mirrors/phaser
2
0
Fork 0
mirror of https://github.com/photonstorm/phaser synced 2024-11-10 07:04:31 +00:00
Code Issues Projects Releases Packages Wiki Activity

Testing new OfflineAudioContext

Browse source
This commit is contained in:
Richard Davey 2024-08-26 12:20:14 +01:00
parent 378838a011
commit 75ebcea0ac
No known key found for this signature in database
3 changed files with 102 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/loader/filetypes/AudioFile.js
View file

@ -78,7 +78,7 @@ var AudioFile = new Class({
var _this = this;
// interesting read https://github.com/WebAudio/web-audio-api/issues/1305
this.config.context.decodeAudioData(this.xhrLoader.response,
this.config.offlineContext.decodeAudioData(this.xhrLoader.response,
function (audioBuffer)
{
_this.data = audioBuffer;

2
src/sound/webaudio/WebAudioSound.js
View file

@ -45,7 +45,7 @@ var WebAudioSound = new Class({
if (!this.audioBuffer)
{
throw new Error('Audio key "' + key + '" not found in cache');
throw new Error('Audio key not found: ' + key);
}
/**

104
src/sound/webaudio/WebAudioSoundManager.js
View file

@ -37,6 +37,15 @@ var WebAudioSoundManager = new Class({
function WebAudioSoundManager (game)
{
/**
* The OfflineAudioContext used for audio decoding and state management.
*
* @name Phaser.Sound.WebAudioSoundManager#offlineContext
* @type {OfflineAudioContext}
* @since 3.85.0
*/
this.offlineContext = new OfflineAudioContext(2, 1, 8000);
/**
* The AudioContext being used for playback.
*
@ -44,7 +53,7 @@ var WebAudioSoundManager = new Class({
* @type {AudioContext}
* @since 3.0.0
*/
this.context = this.createAudioContext(game);
this.context = null;
/**
* Gain node responsible for controlling global muting.
@ -53,7 +62,7 @@ var WebAudioSoundManager = new Class({
* @type {GainNode}
* @since 3.0.0
*/
this.masterMuteNode = this.context.createGain();
this.masterMuteNode = null;
/**
* Gain node responsible for controlling global volume.
@ -62,11 +71,7 @@ var WebAudioSoundManager = new Class({
* @type {GainNode}
* @since 3.0.0
*/
this.masterVolumeNode = this.context.createGain();
this.masterMuteNode.connect(this.masterVolumeNode);
this.masterVolumeNode.connect(this.context.destination);
this.masterVolumeNode = null;
/**
* Destination node for connecting individual sounds to.
@ -75,13 +80,20 @@ var WebAudioSoundManager = new Class({
* @type {AudioNode}
* @since 3.0.0
*/
this.destination = this.masterMuteNode;
this.destination = null;
this.locked = this.context.state === 'suspended' && ('ontouchstart' in window || 'onclick' in window);
this._volume = 1;
this._mute = false;
BaseSoundManager.call(this, game);
if (this.locked && game.isBooted)
this.locked = this.offlineContext.state === 'suspended';
console.log('SM locked', this.locked);
if (this.locked)
{
if (game.isBooted)
{
this.unlock();
}
@ -89,6 +101,11 @@ var WebAudioSoundManager = new Class({
{
game.events.once(GameEvents.BOOT, this.unlock, this);
}
}
else
{
this.createAudioContext();
}
},
/**
@ -101,29 +118,35 @@ var WebAudioSoundManager = new Class({
* @method Phaser.Sound.WebAudioSoundManager#createAudioContext
* @since 3.0.0
*
* @param {Phaser.Game} game - Reference to the current game instance.
*
* @return {AudioContext} The AudioContext instance to be used for playback.
*/
createAudioContext: function (game)
createAudioContext: function ()
{
var audioConfig = game.config.audio;
console.log('createAudioContext');
var audioConfig = this.game.config.audio;
var context;
if (audioConfig.context)
{
audioConfig.context.resume();
return audioConfig.context;
context = audioConfig.context;
}
if (window.hasOwnProperty('AudioContext'))
else if (window.hasOwnProperty('AudioContext'))
{
return new AudioContext();
context = new AudioContext();
}
else if (window.hasOwnProperty('webkitAudioContext'))
{
return new window.webkitAudioContext();
context = new window.webkitAudioContext();
}
this.setAudioContext(context);
this.locked = this.context.state === 'suspended';
return context;
},
/**
@ -167,6 +190,9 @@ var WebAudioSoundManager = new Class({
this.destination = this.masterMuteNode;
this.setVolume(this._volume);
this.setMute(this._mute);
return this;
},
@ -214,6 +240,8 @@ var WebAudioSoundManager = new Class({
*/
decodeAudio: function (audioKey, audioData)
{
console.log('decodeAudio', audioKey);
var audioFiles;
if (!Array.isArray(audioKey))
@ -306,12 +334,21 @@ var WebAudioSoundManager = new Class({
*/
unlock: function ()
{
console.log('SM unlock');
var _this = this;
var body = document.body;
var unlockHandler = function unlockHandler ()
{
console.log('SM unlockHandler invoked');
// if (!_this.context)
// {
// _this.createAudioContext();
// }
if (_this.context && body)
{
var bodyRemove = body.removeEventListener.bind(body);
@ -353,7 +390,7 @@ var WebAudioSoundManager = new Class({
*/
onBlur: function ()
{
if (!this.locked)
if (!this.locked && this.context)
{
this.context.suspend();
}
@ -391,6 +428,8 @@ var WebAudioSoundManager = new Class({
* @param {number} delta - The delta time elapsed since the last frame.
*/
update: function (time, delta)
{
if (this.context)
{
var listener = this.context.listener;
@ -408,6 +447,7 @@ var WebAudioSoundManager = new Class({
this._spatialy = listener.positionY.value = y;
}
}
}
BaseSoundManager.prototype.update.call(this, time, delta);
@ -428,16 +468,24 @@ var WebAudioSoundManager = new Class({
destroy: function ()
{
this.destination = null;
if (this.masterVolumeNode)
{
this.masterVolumeNode.disconnect();
this.masterVolumeNode = null;
}
if (this.masterMuteNode)
{
this.masterMuteNode.disconnect();
this.masterMuteNode = null;
}
if (this.game.config.audio.context)
{
this.context.suspend();
}
else
else if (this.context)
{
var _this = this;
@ -478,12 +526,17 @@ var WebAudioSoundManager = new Class({
get: function ()
{
return (this.masterMuteNode.gain.value === 0);
return this._mute;
},
set: function (value)
{
this._mute = value;
if (this.masterMuteNode)
{
this.masterMuteNode.gain.setValueAtTime(value ? 0 : 1, 0);
}
this.emit(Events.GLOBAL_MUTE, this, value);
}
@ -518,12 +571,17 @@ var WebAudioSoundManager = new Class({
get: function ()
{
return this.masterVolumeNode.gain.value;
return this._volume;
},
set: function (value)
{
this._volume = value;
if (this.masterVolumeNode)
{
this.masterVolumeNode.gain.setValueAtTime(value, 0);
}
this.emit(Events.GLOBAL_VOLUME, this, value);
}