구글 드라이브에 있는 mp3파일을 재생기로 듣고 다운로드 할 수 있는 html 태그 소스

HTML 오디오 플레이어 태그 기본

<audio controls="" src="https://docs.google.com/uc?export=open&id=mp3 파일 주소">
</audio>


구글 드라이브에서 가져온 파일 공유 주소(URL) 모습
https://drive.google.com/file/d/1kcbOaCdCb0U6QgeZgfx0KHZZVDEW2gVo/view?usp=sharing

파일 공유 주소에서 "mp3 파일 주소" 추출
https://drive.google.com/file/d/1kcbOaCdCb0U6QgeZgfx0KHZZVDEW2gVo/view?usp=sharing
가운데 빨강색 부분이 "mp3 파일 주소" 입니다.


mp3 파일 주소를 추가하여 완성한 태그

<audio controls="" src="https://docs.google.com/uc?export=open&id=1kcbOaCdCb0U6QgeZgfx0KHZZVDEW2gVo" >
</audio>


위 소스로 연습해 보셔요.


필자는 아래와 같이 연달아 넣어도 무리 없이 잘 되는군요.






자료를 찾아 보니 여러 태그 소스가 있는데 구글 블로그스팟에서 실험한 결과 제일 무난 한거 같아서 공유해 봅니다.