Google Blogger 블로그에 오디오 파일
Google Blogger 블로그에 오디오 파일을 임베드하려면 몇 가지 옵션이 있습니다. 다음은 도움이 되는 몇 가지 단계와 방법입니다.
Google Drive 사용:
- MP3 파일 업로드: 오디오 파일을 Google Drive에 업로드합니다. 업로드한 후 파일을 마우스 오른쪽 버튼으로 클릭하고 "공유"를 선택한 다음 권한을 "링크가 있는 모든 사람이 볼 수 있음"으로 변경합니다.
- 임베드 코드 생성: 다음 형식을 사용하여 임베드 코드를 생성하세요.HTML로
<iframe src="https://drive.google.com/file/d/YOUR_FILE_ID/preview" width="300" height="80" frameborder="0"></iframe> - Google Drive 링크의 실제 파일 ID로 대체합니다
YOUR_FILE_ID. 이 방법을 사용하면 오디오 플레이어를 블로그 페이지에 직접 내장할 수 있습니다.
HTML5 오디오 태그:
- 오디오 파일 준비: Google Drive나 다른 파일 호스팅 서비스 등의 플랫폼에 오디오 파일을 호스팅하세요.
- 임베드 코드: HTML5 오디오 태그를 사용하여 오디오 플레이어를 임베드합니다. 다음은 예입니다.HTML로
<audio controls> <source src="https://drive.google.com/uc?export=download&id=YOUR_FILE_ID" type="audio/mpeg"> Your browser does not support the audio element. </audio> - 이 코드는 재생/일시 중지 컨트롤이 있는 오디오 플레이어를 만듭니다.
제3자 서비스:
- SoundCloud 또는 Anchor.fm: Blogger 게시물에 사용할 수 있는 임베드 코드를 제공하는 이러한 서비스에 오디오를 업로드합니다. 이러한 플랫폼은 분석 및 공유 옵션과 같은 추가 기능도 제공합니다.
- SoundCloud에서 임베딩:HTML로
<iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/YOUR_TRACK_ID&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"></iframe> YOUR_TRACK_IDSoundCloud의 실제 트랙 ID로 교체합니다 .
Blogger에서 HTML/JavaScript 가젯 사용:
- Blogger 대시보드로 가서 편집하려는 블로그를 선택하고 "레이아웃"을 클릭하세요.
- 새로운 HTML/JavaScript 가젯을 추가하고 오디오 내장 코드를 붙여넣은 후 저장합니다.
자세한 단계와 추가 사용자 정의 옵션에 대해서는 TechyLeaf 및 Digital Inspiration과 같은 가이드를 참조할 수 있습니다. 이러한 가이드는 Blogger에 오디오를 내장하는 방법에 대한 심층적인 튜토리얼을 제공합니다 ( Techyleaf ) ( Digital Inspiration ) ( Small Business - Chron.com ) .