Как правильно изменить код JS, чтобы Гугл Хром не выдавал ошибку?

Question

[Pavel Pavel]

Есть код, который предполагает автоматическое проигрывание интернет-потока (аудио) при открытии веб-страницы, однако, возникает ошибка Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.

Фрагмент кода:

audioObjectExemplar.prototype = Object.create(audioObject.prototype);

audioObjectExemplar.prototype.setAudioPlay = function()
{
	if (this.audioClass != ''){
		document.getElementById(this.audioClass).className = this.audioClassName + ' active';	
	}
	document.getElementById(this.audioValue).load();
	document.getElementById(this.audioValue).play();
	this.audioState = 1;
}

Ошибка кроется в этой строке: document.getElementById(this.audioValue).play();

Как исправить?

Comments

[no-taktik]

Ну, во-первых, я бы писал уже на классах.
А по вопросу - попробуй запускать play на document.ready, или на document.addEventListener('mousemove'...)

[Pavel Pavel]

no-taktik, благодарю. А как в таком случае будет выглядеть измененный код?

[no-taktik]

Видимо, где-то есть код типа

const a = new audioObjectExemplar();
a.setAudioPlay();

Весь этот код попробуй обернуть в
document.ready(function() {...}

P. S. Но это не точно (=

Answer 1

[Владимир Проскурин]

Это политика автоплея в хроме (в других браузерах она тоже есть, но со своими особенностями). Хром запрещает воспроизводить аудио автоматически, если воспроизведение было вызвано не пользовательским действием. Нужно, чтобы этот код вызывался по клику. Подробнее тут https://developers.google.com/web/updates/2017/09/...

Считаю, очень плохой идеей включать звук при заходе на страницу, это крайне бесит пользователей, поэтому и была введена эта политика браузерами.

Comments

[Pavel Pavel]

Я с вами полностью согласен. Информация очень помогла.