Getting past AudioContext chrome blocker - user click

[Grouse_G]

Hi

I can see this was discussed backed in 2019 but I have virtually zero js knowledge. I understand the issue that chrome (canvas) wants the user to click before it will play my audio file and I added a button to do this. Still I get the "It must be resumed (or created) after a user gesture on the page" message.

let root = this;
this.mybutt.addEventListener ("click", playSound);

function playSound () {
createjs.Sound.play("mymix");
}

 This is my attempt and it works locally.

I can see there are posting about resummed and suspend AudioContext but these dont go quite simple enough for my level, ie I cant find the whole piece of code or tutorial. Can anyone signpost me where I can find the whole solution to what must be a very common requirement?

Many thanks

Grouse

[kglad]

what's the link to your html?

[Grouse_G]

Do you mean the url?  

https://delightfulgreetings.com/soundtest/soundTest.html

Thanks

[kglad]

you have an error in your code.  (ie, learn* to use the developer console of your browser.)

specifically, this.currentSoundStreamInMovieclip.instance is undefined

*

lesson 1 - https://youtu.be/PBDQN9CQSeI

lesson 2 - https://youtu.be/KJEl0OenGUY

[Grouse_G]

Thanks for this. I appreciate the "teach a man to fish..." videos and I have gone through them which will stand me in good sted. The bit I am unfamiliar with now is that the code works locally so is it something to do with the AudioContext not being allowed to start is causing ther undefined'ness? If so do I still need ot find a tutorial resource for AudioContext js for beginners?

[kglad]

that error should appear with local testing too. open the developer console in the local test.

[Grouse_G]

You are correct of course , the error is there however the sound plays when I click the button locally.

Any other guidance, its getting a bit heavy for my level of knowledge. If not I'll have to get it coded for me as I have spent a whole afternoon googling. Just thought it must be a standard issue for anyone playing audio from a webpage.

[kglad]

post a link to your fla.

[Grouse_G]

I have put it as zip so it should download ok. Thanks. Is the whole AudioContext a red herring?

https://delightfulgreetings.com/soundtest/soundTest.zip

[kglad]

sound works for me despite the errors when testing and on my server, https://kglad.com/Files/forums/soundTest.html

did you remember to upload your published folders (including sound)?

[Grouse_G]

Oh my days!! I re uploaded everything and it works. I am so sorry to have wasted your time, however I now know about debugging.

Thanks ... Im a bit embarrased.

[kglad]

you're not even close to my record of stupid errors.  part of the reason i!m pretty good at helping others is because of how many errors i make/made and have to fix.