несколько функций onClick не работают в Chrome

Question

Я пытаюсь получить звук для воспроизведения, когда я нажимаю кнопку, и мне нужно перейти на новую страницу. Кажется, он отлично работает в других браузерах, таких как Firefox, но он не работает в Chrome. Вот код, который я использую.

<audio id="audio" src="soundfile.ogg"></audio> 
<button onclick="document.getElementById('audio').play(); document.location = 'newpage.html'">Click</button> 

Я знаю, что файлы .ogg работают, так что это не проблема, так как этот код ниже будет работать отлично в Chrome.

<button onclick="SomeFunction(); document.getElementById('audio').play()">Click</button> 

Это только кажется мне проблемой, когда я пытаюсь перейти на новую страницу. Если кто-нибудь знает, как я могу заставить это работать в Chrome, это было бы здорово. Благодарю.

Answer 1

Вам нужно, чтобы звук не начинался, прежде чем покинуть страницу (возможно, пусть он и закончит сначала). Положите задержку на location.href.

Answer 2

Может быть, вы можете попробовать использовать:

window.open('newpage.html','_blank'); 

вместо:

document.location = 'newpage.html' 

При нажатии на кнопку вы открываете другую страницу в той же вкладке, если вы открываете другую вкладку, музыка все равно будет играть в другом.

Если это не поможет, удари меня!