Chrome On The Dev Branch (version 66) May Block Audio For Unity WebGL

jon_miller · Jan 30, 2019

TheRoccoB said: ↑

You can try adding this code. I forget whether it needs to be called before or after UnityLoader.instantiate, but probably before is best.

This starts the sound on the first click or keypress in the game.

You can see it in action by going to any game on SIMMER.io and checking out any game w/ audio https://simmer.io/@QuangHaiVu/marble-adventure

It's important to note that you need to go directly to a game and not click around in the UI first to get a real use case.

Let me know if this works!

It basically hijacks the audioContext and starts audio on Gesture.

Code (JavaScript):

function startAudioOnClick(){

window.AudioContext = window.AudioContext || window.webkitAudioContext;

var bind = Function.bind;

var unbind = bind.bind(bind);

function instantiate(constructor, args) {

return new (unbind(constructor, null).apply(null, args));

}

window.AudioContext = function (AudioContext) {

return function () {

var audioContext = instantiate(AudioContext, arguments);

window.myAudioContext = audioContext;

console.log('AudioContext has been instantiated!');

return audioContext;

}

}(AudioContext);

var webAudioEnabled = false;

function resumeAudio(){

if (!webAudioEnabled && window.myAudioContext){

console.log('SIMMER starting Audio!');

window.myAudioContext.resume();

webAudioEnabled = true;

}

}

document.body.addEventListener('click', resumeAudio, true);

document.addEventListener('keydown', resumeAudio, true);

}

Click to expand...

Hello @TheRoccoB
I've tried adding your solution to both before and after "UnityLoader.instantiate", but in neither case can I get the sound to work on my Unity game. I notice that the sound on the Unity apps do work on your site (simmer.io), so I'm wondering why this isn't working for me. Do you have a new solution? One thing I notice is that your console logs which instantiate the audio are not being displayed, which means those functions are not called. And I've added my own console.logs as a sanity check to ensure that Safari isn't pulling from an older cached version.

My unmodified solution plays audio on chrome, so I don't believe the issue is on my end.

To anyone that got this to work, did you simply paste this script in and is it still working for you?

quick edit: I'm using Unity version 2018.3.0f2

Thank you!

kognito1 · Jan 30, 2019

Forgot to mention, this actually works for iOS too but you need to add an ontouchstart event listener also.

ravishnair · Feb 28, 2019

kognito1 said: ↑

Forgot to mention, this actually works for iOS too but you need to add an ontouchstart event listener also.
Click to expand...

I have this issue as well, (as in the audio plays on all other platforms except Safari12) and realized that if we open up the game on browser as a standalone, the audio plays. There is no audio when opening it as a facebook app, however. IS this something people have faced? I am using 2018.3.6f1.

I tried the above solution and that didnt seem to do anything, sadly.

yankow · Mar 3, 2019

Ah well I just tried the solution from @TheRoccoB but wasn't sure about in which file to place it, and where. I have tried in the index.html file as a staring point, right before " var gameInstance = UnityLoader.instantiate", but so far no luck. Sorry for being such a noob but can anybody give me a hint? Thanks a lot in advance!

gavila_pico · Mar 26, 2019

I'm using Unity 2018.2.3f1 with FMOD 1.10, I'm having the same issue as everyone else in this forum. I used @TheRoccoB solution, but it doesn't work everytime. Are there any news from Unity on this topic? Because I see that the script has been changed in Unity, but it's still showing the AudioContext not allowed to start. I had to force an interaction before playing a sound, but still won't work everytime. I think there should be a function inside Unity that would allow the AudioContext to resume.

MFKJ · Mar 26, 2019

I am surprised that one year old problem still not fixed, I am using unity 2018.3.8 and getting this problem:
The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page.

Schubkraft · Apr 2, 2019

That is the way browsers work now with audio. If the user does click/gesture into the page the audio context will start.

doctorpangloss · May 6, 2019

Listen, I'm about to pay for a musician to make music for my game, and I'm flabbergasted I can't get a straight answer on this.

Does audio work on WebGL, or not?

doctorpangloss · May 6, 2019

Schubkraft said: ↑

That is the way browsers work now with audio. If the user does click/gesture into the page the audio context will start.
Click to expand...

What does that mean, click/gesture? If my whole page is the Unity WebGL canvas, and they click on the canvas, will audio play? There's a huge difference between clicking on an HTML element that isn't the canvas, and interacting with the canvas. Just tell me what I need to do.

Velketor · May 6, 2019

A click/gesture means you have to physically click onto the WebGL game, anywhere. It doesn't have to be a button. So yes, clicking on the canvas will cause audio to play. I have this working on my WebGL game https://www.TheLastAntLion.com with Chrome Version 74.0.3729.131 (Official Build) (64-bit)

You can go there and try it out to see what I'm talking about.

doctorpangloss · May 6, 2019

Unfortunately, on Safari 12.1, no sound plays!

The underlying issue is that a touch start or mouse press event must be on the call stack of the code that eventually plays an audio context, or audio will not play. The underlying implementation of input in WebGL puts a touch/click event on a queue, that is later dequeued by a player thread and therefore does not have the event on the call stack.

So it's not as simple as you're describing.

lkzero · May 16, 2019

TheRoccoB said: ↑

You can try adding this code. I forget whether it needs to be called before or after UnityLoader.instantiate, but probably before is best.

This starts the sound on the first click or keypress in the game.

You can see it in action by going to any game on SIMMER.io and checking out any game w/ audio https://simmer.io/@QuangHaiVu/marble-adventure

It's important to note that you need to go directly to a game and not click around in the UI first to get a real use case.

Let me know if this works!

It basically hijacks the audioContext and starts audio on Gesture.

Code (JavaScript):

function startAudioOnClick(){

window.AudioContext = window.AudioContext || window.webkitAudioContext;

var bind = Function.bind;

var unbind = bind.bind(bind);

function instantiate(constructor, args) {

return new (unbind(constructor, null).apply(null, args));

}

window.AudioContext = function (AudioContext) {

return function () {

var audioContext = instantiate(AudioContext, arguments);

window.myAudioContext = audioContext;

console.log('AudioContext has been instantiated!');

return audioContext;

}

}(AudioContext);

var webAudioEnabled = false;

function resumeAudio(){

if (!webAudioEnabled && window.myAudioContext){

console.log('SIMMER starting Audio!');

window.myAudioContext.resume();

webAudioEnabled = true;

}

}

document.body.addEventListener('click', resumeAudio, true);

document.addEventListener('keydown', resumeAudio, true);

}

Click to expand...

Good jobs, it's working. Thanks @TheRoccoB

yehielc · Sep 29, 2019

TheRoccoB said: ↑

You can try adding this code. I forget whether it needs to be called before or after UnityLoader.instantiate, but probably before is best.

This starts the sound on the first click or keypress in the game.

You can see it in action by going to any game on SIMMER.io and checking out any game w/ audio https://simmer.io/@QuangHaiVu/marble-adventure

It's important to note that you need to go directly to a game and not click around in the UI first to get a real use case.

Let me know if this works!

It basically hijacks the audioContext and starts audio on Gesture.

Code (JavaScript):

function startAudioOnClick(){

window.AudioContext = window.AudioContext || window.webkitAudioContext;

var bind = Function.bind;

var unbind = bind.bind(bind);

function instantiate(constructor, args) {

return new (unbind(constructor, null).apply(null, args));

}

window.AudioContext = function (AudioContext) {

return function () {

var audioContext = instantiate(AudioContext, arguments);

window.myAudioContext = audioContext;

console.log('AudioContext has been instantiated!');

return audioContext;

}

}(AudioContext);

var webAudioEnabled = false;

function resumeAudio(){

if (!webAudioEnabled && window.myAudioContext){

console.log('SIMMER starting Audio!');

window.myAudioContext.resume();

webAudioEnabled = true;

}

}

document.body.addEventListener('click', resumeAudio, true);

document.addEventListener('keydown', resumeAudio, true);

}

Click to expand...

its been a while but can you be more specific where i need to place this code?!? tnx!

cursoproder · Nov 6, 2019

Thanks @TheRoccoB .
It works on Safari 13, but I needed to add

Code (HTML):

<body onload="startAudioOnClick()">

in the body tag.

JamesArndt · Oct 22, 2020

So I've found myself up against this same issue here in October 2020. None of the audio will start playing in my WebGL window, until I've clicked inside of it. Was there consensus on a way to approach this that works across browsers?

jukka_j · Oct 22, 2020

JamesArndt said: ↑

None of the audio will start playing in my WebGL window, until I've clicked inside of it. Was there consensus on a way to approach this that works across browsers?
Click to expand...

This reads like the expected behavior: browsers do block audio autoplay until user interacts with the document, and there is no way to work around it. Or are you seeing some other issue on top of that?

JamesArndt · Oct 23, 2020

jukka_j said: ↑

This reads like the expected behavior: browsers do block audio autoplay until user interacts with the document, and there is no way to work around it. Or are you seeing some other issue on top of that?
Click to expand...

No that is the exact issue I'm experiencing. I figured it was expected behavior. I wasn't sure if there were any way to work around this? Maybe a way to simulate an interaction and initiate audio playing without the user clicking on the content? My problem is that I'm hovering over these elements in the canvas and audio clips should play, but they don't until I've actually clicked somewhere on the canvas.

jukka_j · Oct 23, 2020

JamesArndt said: ↑

Maybe a way to simulate an interaction and initiate audio playing without the user clicking on the content?
Click to expand...

Unfortunately if that were somehow possible, it would be a security violation in the browser that browser vendors would quickly patch up: the intent of the limitation that web browsers impose it to mandate that no page is allowed to play back audio unless the user really interacts with the page. That is to prevent ad popups and background tabs from blasting audio without user's content.

skoteskote · Dec 18, 2020

Can't get audio to work in WebGL in Unity 2020.2, on any browser. All works well in the editor, in the browser, I get the error mentioned previously in this thread:

The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page.

On 1.framework.js line 4319:
WEBAudio.audioContext = new AudioContext;
and line 4321:
if (WEBAudio.audioContext.state === "suspended") WEBAudio.audioContext.resume(); else Module.clearInterval(resumeInterval);
I've made it so AudioSource plays on
Input.GetMouseButton(0)
, but guess I'm doing it wrong. All the workarounds mentioned previously in this thread seem to have been implemented in the current Unity. How do I get it to work?

(Odd thing, if I press the webGL screen on loading the error never appears, but still no audio.)

Fede192 · Mar 10, 2021

I'm having the same issue. I get the message "The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page." every second until I click the canvas. But after that there is still no audio whatsoever. I tried Chrome, Firefox and Opera.

Fede192 · Mar 11, 2021

Solved my issue:
https://issuetracker.unity3d.com/is...09.1439932723.1615256256-516317948.1611532912
The Unity version I was using had a bug. Using a different version fixed it

Search Unity

Chrome On The Dev Branch (version 66) May Block Audio For Unity WebGL

jon_miller

kognito1

ravishnair

yankow

gavila_pico

MFKJ

Schubkraft

Unity Technologies

doctorpangloss

doctorpangloss

Velketor

doctorpangloss

lkzero

yehielc

cursoproder

JamesArndt

jukka_j

Unity Technologies

JamesArndt

jukka_j

Unity Technologies

skoteskote

Fede192

Fede192

Search Unity

Unity ID

Useful Searches

Chrome On The Dev Branch (version 66) May Block Audio For Unity WebGL

Unity Technologies

Unity Technologies

Unity Technologies