git에는 25mb정도? 용량 제한이 있어서
구글 드라이브로 올리는 방법을 기록하겠음.
※ 구드에 올릴때는 100MB 이하로 올려야 바이러스 검사 안내가 안뜨기때문에 정상작동하는듯
(대략 1시간 10분.mp3)
※ 1시간 정도로 올리면 로드시간이 많이 걸리므로 로딩바 추가하는걸 추천 (대략 위 파일의 경우 4초)
◆ mp3파일 포맷참고 (32000 / 128kbps / .mp3 / 1시간/ 50mb)
1. 구글 드라이브에 mp3파일을 올리고 엑세스 권한을 모두가능하도록 수정
2. 링크 복사한것중 주요부분(/d/이 부분~/view)만 복붙해서 (2번) 1번과 합치면 됨
1번)
https://drive.google.com/uc?export=download&id=
2번)
1HeVb0d6MIKDMEzcTPL_lb00VaiLAGv7w
1+2 번
https://drive.google.com/uc?export=download&id=1HeVb0d6MIKDMEzcTPL_lb00VaiLAGv7w
예문) 위의 1+2번
<audio id="bgm-audio" controls autoplay loop preload="auto">
<source src="https://drive.google.com/uc?export=download&id=1HeVb0d6MIKDMEzcTPL_lb00VaiLAGv7w" type="audio/mp3">
</audio>
Codepen
See the Pen 구글드라이브 오디오파일 불러오기 by hesper03 (@whdldi) on CodePen.
'🛠️ Dev.' 카테고리의 다른 글
| VS code 자바 디버그 콘솔에 아무것도 안뜰 때 해결방법 (0) | 2024.07.02 |
|---|---|
| Vs code live server 자동 새로고침 안될때 해결방법 + 라이브 서버 자동 저장방법 (0) | 2024.01.04 |
| VS code 코딩프로그램 배경화면테마 바꾸기 (테마적용)(+초보자용 .json 설정값) (0) | 2024.01.04 |
| VS Code 초보팁! 태그 자동완성 끄는법 (IntelliSense 끄기) (2) | 2024.01.04 |
| 유튜브 Iframe 영상 파일 html 불러오기 (반복재생,뮤트,화질조정) (0) | 2023.10.07 |