지난주 TechJunkie Towers에서 흥미로운 질문을 받았습니다. 이전에 고려하지 않은 것을 고려하여 Google 드라이브를 사용하여 웹 페이지에 MP3 오디오를 포함시키는 방법을 알고 싶었습니다. 조직을 위해 여러 웹 사이트를 운영하는 사람으로서이 질문에 대답했습니다.
페이지에 미디어를 게시하려면 일반적으로 웹 사이트와 함께 모든 미디어를 호스팅해야합니다. 깔끔하게 정리하고로드하는 동안 웹 페이지에서 수행해야하는 외부 쿼리 수를 줄입니다. 그러나 이것이 유일한 방법은 아니며 어떤 이유로 든 웹 사이트와 함께 오디오를 호스팅 할 수없는 경우 Google 드라이브 또는 기타 클라우드 서비스를 사용하여 호스팅하고 웹 페이지를 통해 연결할 수 있습니다.
이 학습서가 웹 페이지에 임베드하는 방법을 다루지 만 대부분의 온라인 페이지에도 동일한 원칙이 적용됩니다. 여기에는 소셜 네트워크, 블로그, 위키, 방문 페이지 등이 포함될 수 있습니다.
Google 드라이브를 사용하여 웹 페이지에 오디오 내장
웹 페이지에 오디오를 포함 시키려면 일반적으로 MP3 파일을 웹 호스트에 업로드하여 인라인 페이지에 배치합니다. 이를 통해 페이지에서 호스트를 쿼리하고 추가 외부 쿼리없이 음악을 신속하게 재생할 수 있습니다. 항상 가능하지는 않습니다. 웹 호스트에 공간 저장 용량이 없거나 호스트가 너무 빠르거나 스트리밍에 적합하지 않은 경우 다른 곳을 찾아야합니다.
Google 드라이브 또는 다른 클라우드 서비스가 제공됩니다. MP3를 클라우드 스토리지에 업로드하고 웹 페이지에서 MP3를 연결할 수 있습니다. 그런 다음 누군가가 웹 호스트에서 로컬이 아닌 드라이브에서 스트리밍하는 경우 트랙을 재생할 때마다. Google 클라우드 서버의 용량이 크고 강력하면이를 활용하는 것이 좋습니다!
설정 방법은 다음과 같습니다.
- 평상시처럼 Google 드라이브에 로그인하십시오.
- 폴더를 만들고 MP3 파일을 폴더에 업로드하십시오.
- MP3 파일에 대한 권한을 '설정 – 웹에 공개, 인터넷의 모든 사용자가보고 볼 수 있음'으로 설정하십시오.
- 권한을 저장하십시오.
- 공유 페이지에서 공유 링크를 캡처하십시오. 'https://drive.google./com/…'이 시작됩니다.
설정이 끝났습니다. MP3 파일은 이제 클라우드에 있으며 공유 링크가있는 모든 사람이 액세스 할 수 있습니다. 이제 다른 사람이 액세스 할 수 있도록 웹 페이지에 온라인으로 링크를 배치해야합니다.
페이지에 링크 포함
공유 링크를 포함시키는 방법은 웹 사이트에 사용하는 내용에 따라 다릅니다. HTML 또는 다른 프레임 워크와 달리 WordPress 또는 Joomla에 다른 방법을 사용할 수 있습니다.
WordPress 페이지에 MP3를 포함 시키려면 :
- WordPress에서 페이지를 열고 오디오 파일을위한 공간을 만드십시오.
- 페이지 편집기 상단에서 미디어 추가 버튼을 선택하십시오.
- URL 입력을 선택하고 위에서 Google 드라이브 URL을 붙여 넣습니다.
- 이름과 제목을 입력 한 다음 매체 삽입.
- 완료되면 페이지를 저장하십시오.
페이지를 미리 보면 링크와 해당 설명이 페이지에서 배치 된 위치에 추가 된 것을 볼 수 있습니다. 미디어를 재생하면 페이지를 통해 Google 드라이브에서 보이지 않게 스트리밍됩니다. 웹 호스트의 스토리지를 사용하지 않고도 리치 미디어를 페이지에 추가하는 매우 깔끔한 방법입니다.
WordPress를 사용하지 않고 iFrame 내에 코드를 포함해야하는 경우에도 매우 간단합니다. iFrame은 웹 표준이므로 대부분의 프레임 워크 및 발행 플랫폼이이를 지원해야합니다. 따라서 iFrame을 만들어 페이지에 배치하기 만하면됩니다.
다른 프레임 워크를 사용하여 MP3 파일을 포함 시키려면
- Google 드라이브 공유 URL을 텍스트 편집기에 붙여 넣습니다.
- '/ preview'의 URL 끝에서 '/ view'를 변경하고 전체 URL을 복사하십시오.
- 'src ='다음에 예제 URL 대신 아래 코드에 붙여 넣습니다.
- HTML 편집기에서 웹 페이지를 열거 나 플랫폼 편집기를 사용하십시오.
- 를 포함하여 전체 코드를 페이지에 표시하십시오.
- 파일을 저장하고 테스트하십시오.
코드:
frameborder = "0"width = "500"height = "250"src = "https://drive.google.com/file/d/MP3FILEURL/preview">
플레이어가 페이지에 나타나고 선택한 경우 MP3 파일을 재생해야합니다. 업로드 된 링크가 제대로 작동하는지 확인하십시오. 그런 다음 수정 된 페이지를 게시하고 즐기십시오!
Google 드라이브를 사용하여 웹 페이지에 MP3 오디오를 포함시키는 방법입니다. 다른 방법을 알고 있습니까? 당신이 할 경우 아래에 그것에 대해 알려주십시오!
