Uncaught (in promise) DOMException on click audio play (autoplay problem)

I have a simple script for playing an audio stream when I click on a specific button:

 var audio1 = document.getElementById("audio1");

    function play1(){
       audio1.play();
    }

And simple HTML audio player:

<audio volume="0" controlslist="nodownload" id="audio1" src="http://audio-stream.com" width="100%" height="100%"/>

And also simple img button:

<img onclick="play1()" src="http://button-img.com"/>

And this actually works, when I press the img button, the audio starts playing, but there is one problem, which is autoplay. Actually when I click on any link on the site and after loading the page, audio starts to play without pressing the button - autoplay. But if I click on the refresh button on the browser or when I enter the site, there is no autoplay in this case..

It also shows this error in the console Uncaught (in promise) DOMException on the line of code audio1.play();