How can I embed my personal Dropbox files on my site so that they are publicly available?
I have mp3 recordings that I want to embed on my site. They are located in my Dropbox and are just audio files. When I insert them with a sound tag like this, I can play them when I have my Dropbox registered, but they seem to be unplayable when I am the third site visitor.
<audio src="https://dl-web.dropbox.com/get/therestofthelink" controls></audio>
Any ideas how I can make these files permanently embedded, via dropbox or otherwise, so that every visitor to my site can listen to them successfully? thank
source to share
You can create a share link (programmatically using an endpoint /shares
or through the UI), which will give you a permanent public link to the preview page for the file. To convert this link into one that points directly to the content of the file, refer to https://www.dropbox.com/help/201 :
To bypass the preview page and let your browser display your files directly, use raw = 1 as a query parameter in your url. For example:
https://www.dropbox.com/s/qmocfrco2t0d28o/Fluffbeast.docx
becomes:
https://www.dropbox.com/s/qmocfrco2t0d28o/Fluffbeast.docx?raw=1
Note that this url will trigger an HTTP redirect. If you are an application developer using such a URL in your own code, make sure your application can perform redirects.
source to share
At least in a wordpress text editor, you need to follow these steps:
- Create a file share link, then change the www link in the link to dl . Use this new link in your embed code.
- Remove the end of the link
eg. if you have:
HTTPS: // www .dropbox.com / c / bt44iw272m6ga04 / O% 20Botic% C3% A1rio% 20-% 20Dia% 20dos% 20Pais% 20novo% 20perfume% 20Zaad% 20-% 20Comercial.mp3 ? Dl = 0
You have to change the first bold part and remove the second one:
source to share
This worked for me.
- Go to the audio file in your Dropbox on your desktop.
- Right click and select "copy Dropbox link"
- Paste the link where you want.
- There must be " ? Dl = 0 " at the end of the URL . Just replace "0" with "1" as shown in the picture " ? Dl = 1 >"
The code should look something like this:
<audio controls>
<source src="https://www.dropbox.com/s/blah/yoursong.mp3?dl=1" type="audio/mpeg">
</audio>
source to share
You have to upload files directly to your web space and link them to them.
On the other hand, you can use something like Soundcloud to make your audio files publicly available.
source to share