How to embed Google Drive audio file in web page

This day internet usage will increase a lot of people use the internet for their dates to life for different work. And education and entertainment are coming online. Most of the teaching class is happening to throw online now. And people who are all interested in singing are sharing their ideas with the people throw their voices. And people share the audio file on the webpage are the blog.

This place needs an audio player and hosting space for saving the audio online. For your file online you need file hosting space. Hosting space is the subscription you pay money for that monthly is yearly.

Another wise lot of apps on the internet like sound clouds etc. You can store the file in that application and get the embed script, paste it, and use it on the webpage. This application your file is public anyone used that. You can save your file with yourself-free and safe usage by following the below tricks.

You can use Google Drive to save your files and embed your audio in your webpage freely. How to do this.

First, you need a Google account if already have a mean sign-in account you do not have a means sign-up account.

After that log in to your Google Drive account and upload the audio file to your Google Drive account.

After that upload right click the uploaded file and you will see the drop-down. In that, you can select the Shareable option. Now you will see the general Access click the Restricted dropdown change to Anyone with the link.

Click the Copy Link button to copy the File URL.

After changing the permission you can see the file URL like this

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

Just replace the view with preview and remove the ?usp=sharing from the above URL. After that, all change your URL like this.

https://drive.google.com/file/d/AAAAAAAABBBBBBBBCCCCC/preview

Now copy the below iframe code and put your URL in the src section and used in your web page. After add code to your webpage just refreshes the page you can see the Audio file on the page.

Sample Code:

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