+4 votes
274 views
Include MP3 audio files on web page with Google Drive

in Internet by (552k points)
reopened | 274 views

1 Answer

+5 votes
Best answer

How to put media player for MP3 file on web page with Google Drive

It is common for websites to support the insertion of MP3 files either to reproduce a special theme, a conference or a message from the organization..

Although there are several sites that make this work simple, just upload the multimedia file and now, in many cases we can use Google Drive not only as a hosting platform but as an alternative to insert an MP3 file into a website since the MP3 player Google Drive itself has the ability to integrate into any website that supports IFRAME such as WordPress, Google Sites or Blogger.

TechnoWikis will analyze how to achieve this..

How to put media player for MP3 file on web page with Google Drive

Step 1

To achieve this we will go to the following link and access our Google Drive account:
Google Drive
Step 2

Once there, click on the "My unit" section and select the "Upload files" option:

image

Step 3

There we will select the MP3 file to upload to Drive. Once uploaded, we will right click on it and select the option "Share":

image

Step 4

In the pop-up window we click on the “Get link to share” line and we must select the option “Anyone on the Internet can search and see”:

image

Step 5

In case of not seeing this available option we must click on the respective field and select the option “More”:

image

Step 6

Now, in the displayed window we must activate the “Activated: public on the web” box:

image

Step 7

Once these points are defined, click on the "Copy" button and this will be the general scheme of this link:
 https://drive.google.com/file/d/1Gah0Z-txvoq4m5YtvIZnIUFl5nnp7fM_/view?usp=sharing 
Step 8

Now, with this code we will create the following file:
 <iframe frameborder = "0" width = "400" height = "200" src = "https://drive.google.com/file/d/1Gah0Z-txvoq4m5YtvIZnIUFl5nnp7fM_/preview"> </iframe> 
image
Step 9

In this case we modify the term "view" with "preview" and edit the line according to the example. Once we embed this code on our website we will see the following. We can see that the file can be played, has a button to pause, increase the volume or maximize the screen.

image

That simple Google Drive helps us create this type of files embedded in our websites in a simple and fully functional way.


by (3.5m points)
edited

Related questions

+4 votes
1 answer
asked Oct 28, 2019 in Internet by backtothefuture (552k points) | 223 views
+5 votes
1 answer
asked May 13, 2020 in Internet by backtothefuture (552k points) | 271 views
+4 votes
1 answer
asked Dec 24, 2021 in Guides by backtothefuture (552k points) | 114 views
+3 votes
1 answer
asked Jun 24, 2019 in SEO by backtothefuture (552k points) | 316 views
+5 votes
1 answer
Sponsored articles cost $40 per post. You can contact us via Feedback

Most popular questions within the last 30 days

10,659 questions
10,791 answers
510 comments
3 users