구글 드라이브에 저장된 음악을 웹사이트나 블로그에서 재생하는 방법

 

구글 드라이브에 저장된 음악을 블로그나 웹사이트에 삽입해 재생할 수 있도록 하는 간단한 방법입니다.

1. 구글 드라이브 음악에 공유 설정하기

구글 드라이브에 로그인한 다음 삽입할 음악 파일에 마우스 우클릭해 '공유' 메뉴의 '공유' 항목을 선택합니다.

'일반 액세스' 항목을 클릭해 '링크가 있는 모든 사용자'를 선택합니다.

공유 설정이 변경되면 '링크 복사'를 클릭한 다음 '완료'를 클릭합니다.

2. 구글 드라이브 공유 링크를 다이렉트 링크로 변경하기

아래 사이트로 접속해 구글 드라이브에서 복사한 공유 링크 주소를 붙여넣기한 다음 'Create Direct Link' 버튼을 클릭해 실행 가능한 다이렉트 링크로 변경합니다.
👉 https://sites.google.com/site/gdocs2direct/home

생성된 다이렉트 링크를 드래그해 복사합니다.

3. <audio> 태그를 이용해 사이트에 음악 삽입하기

삽입할 사이트나 블로그에서 html 편집기를 연 다음 원하는 위치에 아래 형식의 코드로 작성해 붙여넣기 해주면 됩니다. 

<audio controls controlslist="nodownload" preload="none" loop>
<source src="구글 드라이브 다이렉트 링크 주소">
</audio>

- 태그에 사용된 속성의 의미는 아래와 같습니다.

controls : 재생 가능한 컨트롤러가 표시됩니다.
controlslist="nodownload" : 다운로드 버튼을 숨깁니다.
preload="none" : 오디오 파일을 미리 다운로드 하지 않도록 요청합니다. autoplay가 있을 시 preload는 무시됩니다.
autoplay : 오디오를 자동 재생합니다.
loop : 오디오 재생을 반복합니다.

사이트 접속 시 해당 음악이 자동 재생, 반복되도록 하려면 아래 형식으로 코드 작성해 입력해주면 됩니다.

<audio controls controlslist="nodownload" autoplay loop>
<source src="구글 드라이브 다이렉트 링크 주소">
</audio>

컨트롤러에 마우스 우클릭해 해당 음악을 다운로드하지 못하도록 하려면 코드를 추가해 아래 형식으로 마우스 우클릭을 방지하면 됩니다.

<div oncontextmenu="return false">
<audio controls controlslist="nodownload" autoplay loop>
<source src="구글 드라이브 다이렉트 링크 주소">
</audio>
</div>

👉 음악이나 동영상을 인터넷에서 검색해 다운로드할 수 있는 포터블용 프로그램 'Lacey'
👉 작업 스케줄러로 지정된 시간에 사운드를 켜는 방법