HTML audio element not working with Google Drive or Dropbox

Question

I'm having problem streaming audio in my site with the audio element.

<audio controls="controls">
<source src="?" type="audio/mpeg" />
Your browser does not support the audio element.
</audio>

When trying to source the file with DropBox or Google Drive the player doesn't load the audio. I even tried softgateon.herokuapp.com/directlink in vain. Any suggestion or alternative?

examples of failed src:

https://docs.google.com/uc?export=download&id=xxxxxxxx
https://www.dropbox.com/scl/fi/xxxxxxxxx/AUDIO-V-CTOR.mp3
https://www.dropbox.com/scl/fi/xxxxxxxxx/AUDIO-V-CTOR.mp3?rlkey=xxxxxx
https://drive.google.com/file/d/xxxxxxxxxx/view?usp=sharing

In your browser's developer panel, check the Network tab. What's the HTTP error code when your application tries to read the URL for the audio file? Also, the Google drive link probably isn't designed to be linked to directly. Google Drive has its own file viewer -- this might be your problem — Xavier J
– Xavier J, Commented Jan 21 at 16:57

Brad · Accepted Answer · 2025-01-22 21:57:44Z

1

You simply cannot host files on these services in this way. Neither allow direct linking to the actual files.

Use a web server.

answered Jan 22 at 21:57

Brad

164k57 gold badges380 silver badges559 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

HTML audio element not working with Google Drive or Dropbox

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related