Auto Play Audio on Website Loads【10 USD 1 Day】

Job ID: 37951372

Budget: $10 – $30 USD

The audio will be played if there is at least one user interaction with the web app. For instance:
1. Open https://mandarinnu.com with your web browser
2. On the left menu, click【Dialog】
3. Click the green box【HSK 2】
4. Click the last lesson on 1st row

Now we want to improve the awareness of the dialog function for new users to try.
And added a Sample Tab on the left menu (dev), please see attached image.

But now the audio does not auto play if user does not click anywhere on the web app.
If you click some button, then click the Sample tab, the sound will be played.

The error message is:
ExponentAV.web.ts: Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD

Can you fix this issue?

You have to work remotely on my computer via AnyDesk.
Related categories: React.js React Native