JavaScriptで音楽が再生されない 2

Question

#前提・実現したいこと
音楽が「intro.mp3(30秒)→naka1.mp3(1分51秒)→naka2.mp3の繰り返し」と流れるようにしたいです。
ですが、全然音楽が流れてくれません。
このコードのどこがいけないかわからず、何もできない状況です。
回答をよろしくお願いします。
#コード

var music = new Audio('intro.mp3');
music.play();
sleep(30000);
music.pause();
var music2 = new Audio('naka1.mp3');
music2.play();
sleep(111000);
music2.pause();
var music3 = new Audio('naka2.mp3');
music3.addEventListener("ended", function () {
music3.currentTime = 0;
music3.play();
}, false);

#エラーの内容
Uncaught ReferenceError: sleep is not defined at test.html:4

test.html:3 Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.

Answer 1

1つ目のエラーは「sleepは定義されていない関数です」と言う意味です。
jsにsleep()という関数はないのでsetTimeout()など別の形で実現する必要があるかと思います。

//30秒後に実行
setTimeout(function(){
	music.pause();
}, 30000);

2つ目のエラーは「音の出るコンテンツはユーザーの操作なしに実行できない」という内容です。
勝手に音を出すとユーザーに迷惑がかかる場合があるのでブラウザの仕様で封じられています。
参考: javascriptのaudioの1回目がならずにエラーを吐きます | teratail

Comments

[退会済みユーザー]

ありがとうございます。
ブラウザで機能を殺されていることは初めて知りました。
タイムアウトの機能が少し違ったことも参考になりました。
本当に、ありがとうございました。