sleepingsand
230
2022-05-16 09:36:24 작성 2022-05-16 09:36:53 수정됨
6
193

웹 사이트 구현 시 배경음악 안 끊기는 방법 있을까요?


안녕하세요! 질문이 있습니다.


웹 사이트 구축하는 플젝 중인데요, 맨 처음 메인 페이지에 들어간 순간 부터, 페이지 이동과 새로고침을 해도 브금이 끊기지 않고 계속 이어져서 재생되는 것을 코딩으로 구현할 수 있나요? 있다면 어떤 문서를 찾아봐야 할까요? mp3 파일로 준비해놓은 상태입니다. 


페이지 리로딩이 되어도 끊기지 않고, 작게 일시정지 버튼을 화면 구석에 하나 띄워서, 본인이 일시정지 버튼을 눌러야지만 멈추도록 하고 싶습니다. 마치 요즘 인터넷 블로그 들어가면 나오는 것처럼요


감사합니다!

0
  • 답변 6

  • console.error()
    1k
    2022-05-16 09:45:11

    SPA로 구현해서

    미디어 컨트롤 영역을 고정으로 잡아두는 방법?

  • sleepingsand
    230
    2022-05-16 09:54:08 작성 2022-05-16 09:54:22 수정됨

    @ devprkms



    아아 바닐라 js 로만 구현중입니다 ㅠ 미션이 그거여서요 ㅠㅠ

  • HJOW
    6k
    2022-05-16 10:29:01
  • Bjork
    308
    2022-05-16 10:34:33 작성 2022-05-16 10:35:04 수정됨

    단순히 제생각에 헤더랑 푸터는 고정으로 해놓고

    메인부분만 html을 바꾸면 페이지 이동을 해도 노래가 안 끊길거 같은데 아닌가요?(노래는 고정인 헤더에 쪽에 구현해야겠죠)

    새로고침은 무슨 노래인지와 몇 초 인지를 어딘가에 저장해놓고 리로드됫을때 audio 시간을 직접 맞춰주면 될 것도 같은데요

  • 리리리릿
    181
    2022-05-16 11:39:30

    페이지 이동과 관련없이 웹페이지에서 스크립트를 실행하는 방법으로 service worker를 사용하는 방법이 있습니다.


    https://stackoverflow.com/questions/67437180/play-audio-from-background-script-in-chrome-extention-manifest-v3


    링크 참조해보세요.

    단점은 브라우저별로, 지원하지 않는 경우가 있기 때문에 지원여부를 필히 확인한 뒤 사용해야합니다.

  • sleepingsand
    230
    2022-05-16 15:44:52

    다들 감사합니다!

  • 로그인을 하시면 답변을 등록할 수 있습니다.