Chrome 브라우저에서 자동 오디오 재생을 구현하는 방법

Question

오디오 자동 재생은 Mozilla, Microsoft Edge 및 이전 버전의 Google Chrome에서 작동하지만 자동 재생 정책 변경으로 인해 Google Chrome 67 이상에서는 자동 재생할 수 없습니다.

자동 재생을 차단했습니다(링크된 블로그 게시물에 지정된 특정 세션 조건이 충족될 때까지). Chrome 67 이상에서 오디오 자동 재생을 구현하는 방법은 무엇입니까?

Answer 1

솔루션 #1

내 솔루션은 iframe

을 만드는 것이었습니다. 으아아아 Chrome이 아닌 브라우저용

및 audio 태그

으아아아

그리고 내 script

으아아아

해결책 #2:

@Leonard에 따르면 또 다른 해결책이 있다고 합니다

아무 것도 재생하지 않고 처음 로드할 때 자동 재생을 실행하는 하나를 만듭니다 iframe.

으아아아

좋은 mp3 파일 소스: silence.mp3

그런 다음 실제 오디오 파일을 쉽게 재생해 보세요.

으아아아

개인적으로는 솔루션 #2를 선호합니다. 이는 더 깔끔한 접근 방식이고 JavaScript에 덜 의존하기 때문입니다.

2019년 8월 업데이트

해결책 #3

또 다른 옵션으로 <embed>

을 사용할 수 있습니다.

For Firefox 오디오 자동 재생이 작동하는 것 같으므로 동시에 실행되는 두 개의 오디오를 생성하므로 <embed> 요소가 필요하지 않습니다.

으아아아

오디오에 토글 이벤트가 있는 경우 생성한 <embed> 요소를 삭제하세요.

참고: 전환 후에는 처음부터 시작되며 <embed>已经被删除，<audio>가 제거되었으므로 이제 <audio> 요소가 정상적으로 재생됩니다.

으아아아

이제 <audio> 및 <audio>和<embed>요소

를 숨기세요. 으아아아

참고: diplay: none 및 visibility:hidden으로 인해 diplay: none和visibility: hidden会使<embed> 요소가 작동하지 않습니다.