How to embed Google Drive Audio in HTML Audio Tag
Get Share Link From Google Drive MP3 File
First, in Google Drive locate your file and click on the three dots to bring up a dropdown. Then choose Share.
Next, under General access, set to "Anyone with the link" and "Viewer."
And click Copy Link to get the link.
However, all you really need is the ID, which is found in the link URL. So with this example:
…you just need what comes after the
d/ and before the
So I’ll copy this ID which is
Now Create the HTML Audio Tag
Now that you have the ID of the MP3, add it to the end of this provided link (replace YOURGOOGLEMP3ID with your file’s ID that you copied above):
And to see it in an HTML audio tag, and example would look like this:
<audio class="player" controls preload="none"> <source src="https://docs.google.com/uc?export=open&id=13s1pwgpWZAbpwYgaFa_MgdxiKGOILCtX" type="audio/mp3"> </audio>
And it will render as an audio component with the MP3 available to stream:
** This article may contain affiliate links. Please read the affiliate disclaimer for more details.
You May Also Like
If I was learning to code again and wanted to compile a reasonable …