Chrome 브라우저에서 자동 오디오 재생을 구현하는 방법
P粉617597173
2023-08-20 17:12:40
<p>오디오 자동 재생은 Mozilla, Microsoft Edge 및 이전 버전의 Google Chrome에서 작동하지만 자동 재생 정책 변경으로 인해 Google Chrome 67 이상에서는 자동 재생할 수 없습니다. </p>
<p>자동 재생을 차단했습니다(링크된 블로그 게시물에 지정된 특정 세션 조건이 충족될 때까지). Chrome 67 이상에서 오디오 자동 재생을 구현하는 방법은 무엇입니까? </p>
솔루션 #1
내 솔루션은
을 만드는 것이었습니다. 으아아아 Chrome이 아닌 브라우저용iframe
및
으아아아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>
요소가 작동하지 않습니다.