<p>다음 HTML 코드가 있습니다: </p> <pre class="brush:php;toolbar:false;"><div id="word">word</div> <오디오 id="플레이어"> <source id="source" src"sound.ogg" type="audio/ogg" /> </audio></pre> <p> 및 다음 JavaScript/jQuery 코드: </p> <pre class="brush:php;toolbar:false;">$('#word').mouseenter(function() { var audio = $("#player")[0]; 오디오.로드(); 오디오.재생(); });</pre> <p>내 브라우저에서 이 코드는 문서를 <strong>클릭</strong>하는 경우에만 작동합니다. 그렇지 않으면 작동하지 않으며 JavaScript 콘솔에 다음 오류가 나타납니다. </p> <인용문> <p>잡히지 않음(약속됨) DOMException: 재생 메서드가 허용되지 않음 현재 컨텍스트의 사용자 에이전트 또는 플랫폼 사용자가 권한을 거부했기 때문입니다. </p> </인용문> <p>다음 경고: </p> <인용문> <p>사용자가 수락한 경우에만 자동재생을 허용합니다. 사용자가 웹사이트와 상호작용했거나 미디어 파일에 볼륨이 설정되어 있습니다. 0으로 돌아갑니다. </p> </인용문> <p>볼륨을 0으로 설정하면 다음 오류가 발생합니다. </p> <인용문> <p>잡히지 않음(약속 있음) DOMException: 미디어 검색 프로세스 사용자 에이전트가 사용자 요청에 따라 리소스를 종료했습니다. </p> </인용문> <p>Chrome과 Firefox에서 모두 사용해 보았습니다. </p>