문서를 클릭하지 않고 마우스 입력 이벤트에서 자동으로 사운드를 재생하는 방법은 무엇입니까?

Question

다음 HTML 코드가 있습니다:

<div id="word">word</div>

<오디오 id="플레이어">
    <source id="source" src"sound.ogg" type="audio/ogg" />
</audio>

및 다음 JavaScript/jQuery 코드:

$('#word').mouseenter(function()
{
    var audio = $("#player")[0];
    오디오.로드();
    오디오.재생();
});

내 브라우저에서 이 코드는 문서를 클릭하는 경우에만 작동합니다. 그렇지 않으면 작동하지 않으며 JavaScript 콘솔에 다음 오류가 나타납니다.

<인용문>

잡히지 않음(약속됨) DOMException: 재생 메서드가 허용되지 않음 현재 컨텍스트의 사용자 에이전트 또는 플랫폼 사용자가 권한을 거부했기 때문입니다.

다음 경고:

<인용문>

사용자가 수락한 경우에만 자동재생을 허용합니다. 사용자가 웹사이트와 상호작용했거나 미디어 파일에 볼륨이 설정되어 있습니다. 0으로 돌아갑니다.

볼륨을 0으로 설정하면 다음 오류가 발생합니다.

<인용문>

잡히지 않음(약속 있음) DOMException: 미디어 검색 프로세스 사용자 에이전트가 사용자 요청에 따라 리소스를 종료했습니다.

Chrome과 Firefox에서 모두 사용해 보았습니다.

Answer 1

으아악