Find out how to Embed MP3 Audio Information in Net Pages Utilizing Google Drive


Audio internet hosting web sites like SoundCloud or Anchor.fm make it simple so that you can embed audio information in your internet pages and blogs. Add your file – corresponding to an MP3 track or audio podcast – to any of those websites and they’ll present the HTML embed code which you can copy-paste into your internet template. simple!

Should you’re storing your MP3 information inside Google Drive, you possibly can embed the information straight from Drive with out having to add them to a different web site. Drive MP3 Participant may be embedded on any web site that helps IFRAM and the checklist contains Blogger, WordPress, Medium, and even the brand new Google Websites.

See additionally: Embed YouTube as audio participant

Step 1: Add the MP3 to Google Drive

Open Drive.google.com and add the MP3 to your Google Drive. After the file is uploaded, right-click to share and set the sharing permission to “Anybody on the Web can discover and examine”.

Step 2: Generate Participant Embed Code

The Google Drive URL may have the next construction:

https://drive.google.com/file/d/1234xyz/view?usp=sharing

Now all you must do is change /sight with /Preview And wrap the modified URL in an IFRAME tag as proven under:

<iframe
  frameborder="0"
  width="400"
  peak="200"
  src="https://drive.google.com/file/d/1234xyz/preview">
</iframe>

Here’s a reside instance. The embedded mp3 participant has quantity controls, play/pause buttons, search bar, no Google branding, works on cell and Play additionally routinely detects and shows the length of the music file.

The mp3 file is hosted on Google Drive and embedded right here inside an IFRAME tag.



Supply hyperlink