유튜브 동영상을 웹사이트에 삽입하는 것은 매우 간단합니다. 유튜브는 동영상 하단에 ‘공유’ 옵션을 제공하며, 이 옵션을 통해 웹사이트에 동영상을 삽입하는 데 필요한 HTML 코드를 얻을 수 있습니다. 유튜브는 여러 공유 옵션을 제공하지만, 이들은 모두 동영상 공유를 위한 것입니다. 결국 유튜브는 비디오 호스팅 웹사이트이므로 당연합니다. 하지만 유튜브의 많은 콘텐츠는 순수 오디오입니다. 많은 동영상은 ‘비디오’ 부분을 채우기 위해 관련 없는 이미지와 함께 오디오만 제공됩니다. 안타깝게도 유튜브는 동영상에서 오디오만 공유하거나 삽입하는 기능을 공식적으로 제공하지 않습니다. 동영상을 함께 포함해야 합니다. 하지만 공식적인 공유 및 삽입 옵션 외에도, 유튜브 동영상에서 오디오만 추출하여 삽입하는 간단한 방법이 있습니다. 이 방법은 Amit Agarwal이 개발한 코드를 기반으로 하며, Github에서 제공하는 YouTube Javascript API를 활용합니다. 작동 방식은 다음과 같습니다.
단계별 가이드:
1단계: 오디오를 추출하고자 하는 유튜브 동영상을 찾습니다. 해당 동영상의 ‘ID’를 기록해 둡니다. 동영상 ID는 동영상 URL에서 ‘v=’ 뒤에 나타나며, 아래 스크린샷에서 강조 표시된 부분을 확인하면 됩니다.
2단계: 다음 코드를 웹사이트 HTML 코드에 삽입하고, ‘VIDEO_ID’ 부분을 1단계에서 확인한 실제 동영상 ID로 대체합니다.
결과는 아래와 같이 나타나야 합니다.
처음에 오디오는 자동으로 재생되지 않습니다. 재생 버튼을 클릭해야 오디오가 재생되기 시작합니다. 코드를 약간 수정하면 오디오가 자동으로 재생되거나 반복 재생되도록 설정할 수 있습니다. 자동 재생을 원하면 ‘data-autoplay’ 값을 1로 설정하고, 반복 재생을 원하면 ‘data-loop’ 값을 1로 설정하십시오. 만약 웹사이트에 이 코드를 사용하고 트래픽이 많을 것으로 예상된다면, 스크립트를 자체 서버에서 호스팅하는 것이 좋습니다. 스크립트는 아래 링크에서 다운로드할 수 있습니다.
업데이트 날짜: 2020년 12월 8일 오전 4시 30분