인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

polepole7777님의 프로필 이미지
polepole7777

작성한 질문수

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

[Part 05] 비디오 백그라운드를 활용한 랜딩페이지 - 비디오 오버레이 씌우기, 오디오 넣고 볼륨 조절

오디오가 들렸다 안들렸다 합니다

작성

·

324

0

이건 안 들릴때구요

이건 들릴때 인데 audio 태그 images 앞에 /을 붙이거나 src코드를 다시 작성하거나 하면 갑자기 이렇게 들릴때도 있어요

근데 저장하고 새로고침 하면 또 다시 안 들립니다

진짜 바로 듣고싶으면 controls 태그를 넣어서 화면에서 직접 켜줘야 들을수 있어요

이때는 개발자도구 콘솔창에 GET http://127.0.0.1:2809/favicon.ico 404 (Not Found) 라는 문구가 뜨면서 favicon.ico와 piano-bgm.mp3 파일이 전달됩니다 그전에는 없다가요

파비콘은 쓰지도 않았는데 이게 왜 뜨는거죠?

개발자도구 네트워크에 piano-bgm.mp3 파일 눌러보면 Failed to load response data라고 뜹니다

파일경로도 완벽하고 코드도 틀린것이 없는데 오디오 전까지는 다 잘됬는데 뭐가 문제인지 잘 모르겠습니다 도와주세요

답변 1

0

그건 크롬브라우저가 웹페이지 내에 오디오 파일에 대한 정책이 2년 전 쯤 바꿔서 그렇습니다.

크롬이 보안상의 이유로 막아 놓는 경우가 많이 발생하고 있어서 웹 사이트에 사용자가 접속할 때 갑자가 음악이 나오지 않도록 한 것입니다.

작성하신 코드의 문제는 아니고 크롬 브라우저 정책입니다. 너무 신경쓰지 마세요.
해결하는 방법이 있긴 있는데 스크립트도 사용해야 하고 너무 복잡해서 영상에는 넣지 않았습니다.
큰 부분은 아니니 너무 신경쓰지는 마세요~

이번 기회에 저도 이 문제에 대한 이슈를 좀 더 알아보겠습니다.

혹시 오디오 크롬 브라우저의 정책에 관한 자세한 내용이 궁금하시면...
크롬에서 '크롬 오디오 자동재생' 이라고 검색하시면 됩니다.

polepole7777님의 프로필 이미지
polepole7777

작성한 질문수

질문하기