How one can Embed MP3 Audio Recordsdata In Net Pages with the assistance of Google Drive


Audio internet hosting web sites like SoundCloud or Anchor.fm make it straightforward so that you can embed audio information in your net pages and blogs. Simply add your file – like an MP3 tune or an audio podcast – to any of those websites they usually’ll present the HTML embed code you can copy-paste in your net template. Easy!

In case you have been storing your MP3 information inside Google Drive, you may embed the information instantly from Drive with out having to add them to a different web site. The Drive MP3 participant may be embedded on any web site that helps IFRAME and the checklist contains Blogger, WordPress, Medium and even the brand new Google Websites.

Additionally see: 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 think about”.

Step 2: Generate the Participant Embed Code

The Google Drive URL may have the next construction:

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

Now all it’s important to do is substitute /view with /preview and wrap the modified URL in an IFRAME tag as proven under:

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

Right here’s a reside instance. The embedded MP3 participant has quantity controls, play/pause buttons, search bar, no Google branding, it really works on cell and the play additionally auto-detects and shows the length of the music file.

The MP3 file is hosted on Google Drive and embedded right here contained in the IFRAME tag.



Supply hyperlink