JavaScript Play Sound on Document Ready without Human Interact

Status: Open
Prize: $10
Entries Received: 13

Contest Brief

MandarinNu.com is a Chinese language teaching web app, which is generated by React Native Expo.
We want to show users sample dialog module on page load with sound.
https://mandarinnu.com

Right now, a user has to click anywhere on the page in order for the cartoon characters to speak.
(You could try :)

What we want is let sound play on page load.

What we tried is to place the following code inside the <body> tag, but not work as expected.
<script>
document.addEventListener("DOMContentLoaded", function(event) {
document.getElementById('hi').click();
});
</script>

We prefer not using jQuery if not necessary, as jQuery is not used at any other places in the application.

The first correct solution will be paid.