Chrome에서 HTML 파일의 소리와 동영상을 자동으로 재생할 수 없는 문제를 해결하는 방법

먼저 브라우저가 자동 재생을 지원하는지 먼저 확인하고 아래 링크를 클릭하여 확인하십시오.

https://video-dev.github.io/can-autoplay/

내가 감지한 Google 크롬의 결과는 다음과 같습니다.

결과는 구글 크롬이 인라인 비디오를 포함하여 소리가 있는 비디오 및 오디오의 자동 재생을 지원할 수 없지만 음소거된 비디오는 자동 재생을 지원하지만 음소거된 오디오 기능은 여전히 ​​사용할 수 없음을 보여줍니다.

나는 인터넷에서 많은 방법을 검색했고 마침내 몇 가지 핵심 사항을 찾았습니다.

① 첫 번째는 Google Chrome 관련 정책으로  Chrome 66 부터는 동영상오디오 요소 의 자동 재생이 제한되고 있으며 Chrome 71 부터는 Web Audio API 의 자동 재생이 제한되고 있어 일부 웹 게임 및  webrtc -  관련 오디오 및 비디오 프로젝트는 그에 따라 응답합니다.

내가 사용하는 Chrome 브라우저 버전은 분명히 자동 재생이 제한되어 있습니다.

② 그래서 이 문제를 해결하는 방법, 먼저 온라인에서 수집한 방법에 대해 이야기합니다.

첫 번째는 자동 비디오 재생의 문제인데 기존의 방법은 video 태그에 muted 속성을 추가하는 것이다. 

<video
    src="xxx.mp4"
    autoplay="auto play"
    muted
    controls="controls">
</video>

이렇게 하면 오디오가 음소거되고 비디오가 자동 재생됩니다.

두 번째 방법:  Chrome 66 이하 버전 에만 적용됩니다.

  • 크롬 브라우저를 열고 주소 표시줄에 chrome://flags를 입력합니다.
  • 쓰기: 페이지의 검색 표시줄에서 자동 재생 정책을 기본적으로 "기본값"으로 설정하고 "사용자 제스처가 필요하지 않음"으로 변경한 다음 브라우저를 다시 시작합니다.

다만,  크롬 66 이상 버전에서는 자동재생 정책 검색이 안되는 것 같아서 두 번째 방법은 사용할 수 없습니다.

③ 이틀간 고생 끝에 귀를 가리고 목소리를 훔치는 방법을 찾았는데 바로 브라우저 설정을 수정하고 소리 설정을 찾아보는 것이다.

첫 번째 단계:

 

2단계: 해당 웹사이트 주소 또는 html 코드를 추가하여 사운드 재생을 허용합니다.

 

추천

출처blog.csdn.net/weixin_44566194/article/details/129550884