구글 드라이브 오디오 파일 html 불러오기

git에는 25mb정도? 용량 제한이 있어서

구글 드라이브로 올리는 방법을 기록하겠음.

 

 

※ 구드에 올릴때는 100MB 이하로 올려야 바이러스 검사 안내가 안뜨기때문에 정상작동하는듯

(대략 1시간 10분.mp3)

※ 1시간 정도로 올리면 로드시간이 많이 걸리므로 로딩바 추가하는걸 추천 (대략 위 파일의 경우 4초)

 

 

 

◆ mp3파일 포맷참고 (32000 / 128kbps / .mp3 / 1시간/ 50mb)

 

 

 

1. 구글 드라이브에 mp3파일을 올리고 엑세스 권한을 모두가능하도록 수정

2. 링크 복사한것중 주요부분(/d/이 부분~/view)만 복붙해서 (2번)  1번과 합치면 됨

 

2번이 되는 부분(아래 예제와는 다름)

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.