How to use Iframe to Embed your Google Drive Audio file

author photo

Advertisement
Want to embed your MP3 audio file on your web page or blog? with audio hosting site like SoundCloud make it easy for you to embed your audio file seamsly, this site provide a html code for you to be able to embed the audio file on your web page, and now I have a great tip for those using Google Drive you can now embed the MP3 Audio file on your Google Drive account.

Google Drive 

This embed option work for site or blog that support iframe, embed the audio file without uploading it to other audio hosting site like vocaroo.

How to embed your MP3 audio file from your Google Drive 

First go to your Google Drive app or visit drive.google.com upload your MP3 Audio file after successful upload set the link sharing on for anyone on the internet to fine and view.

Copy the link Sharing code of the MP3 Audio file, you we now have to replace /view with /preview and wrap the modified URL in an IFRAME tag as shown below. 

OK, let me say this is the link I copied 

https://drive.google.com/file/d/1cvqvDP2MWBUsu8IEuoc2xFU7PaBnedVW/view?usp=drivesdk
<iframe frameborder="0" width="400" height="200" src="https://drive.google.com/file/d/1cvqvDP2MWBUsu8IEuoc2xFU7PaBnedVW/preview"> </iframe>

Replace the link in the iframe with the MP3 Audio link from Google Drive you copied then change the /view to /preview

You have different feature like play & pause, volume up and down, audio countdown and save the music with the icon on the top left corner.

Nice Right Good for Music Site


Here is the MP3 Audio file I uploaded Enjoy

Advertisement