How to correctly change the JS code so that Google Chrome does not give an error?

Question

JavaScript

There is some code that assumes that an internet stream (audio) will automatically play when a web page is opened, however, an Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first error occurs.

Code snippet:

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;
}

The error lies in this line: How to fix it? document.getElementById(this.audioValue).play();

Answer 1

This is the autoplay policy in chrome (other browsers also have it, but with their own characteristics). Chrome prevents audio from playing automatically if playback was triggered by a non-user action. This code needs to be called on click. Read more here https://developers.google.com/web/updates/2017/09/...
I think it's a very bad idea to turn on the sound when entering the page, it really infuriates users, which is why this policy was introduced by browsers.