如果没有用户交互，p5.js 将无法工作

Question

 let gameFound; function preload() { gameFound = loadSound('/audio/SFX_-_Game_found_03.mp3'); } function setup() { createCanvas(400, 400); } function gameFoundSound(){ gameFound.play(); } gameFoundSound();

Hi all here I am sharing my code I want play sound when my popup is appear there without user interaction but in browser getting warning - The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page and getting error - Uncaught TypeError: Cannot read property 'play' of undefined

How I can play background music, please help me.

Answer 1

Did you call the function preload ?

Without calling it gameFound is undefined

Answer 2

You must call gameFoundSound() in function setup(). Uncaught TypeError: Cannot read property 'play' of undefined happens when the sound (gameFound in this case) is not ready. Calling loadSound() in function preload() ensures that the sound is loaded before function setup() and draw(). An alternative would be using callback of loadSound(), when calling it outside of function preload(). More info. in the doc: https://p5js.org/reference/#/p5/loadSound .