Force render issues (raw=1) and shared links won't work for hosting.

---

kelvinb wrote:

The links are still valid and videos are working in dropbox, just not where embedded. Has something changed or is there a problem with dropbox?

---

I suspect Dropbox is actively blocking it - Dropbox isnt and never was a hosting platform. They have done this previously and so I wouldnt be shocked if they did it again.

This topic https://www.dropboxforum.com/t5/Create-upload-and-share/I-have-an-xml-file-which-i-share-with-my-own-smart-TV-app-but-it/td-p/756901/ indicates that raw=1 should work (it broke and was fixed again). It's a 302 redirect which has been re-introduced.

Actually I don't see the difference between sharing a hosted file and serving a hosted file.

Hello! I've been using dropbox as a file hosting for my website for a couple months with no issues. My web is stored on Firebase, and it has React elements (I called them Songcards) that allow me to play or download those files on the go. Suddenly, it stopped working. I can't play them, but the download button still redirects me to the proper website, where I can play or download them. Only the <audio> tag and its src property aren't working as they should. I'll provide some screenshots along with a portion of the code that I tested on a different component just to simplify what I'd show to you and remove anything unnecessary.

The right numbers should provide information about song length and the play button should play the file. However, only the download button is working, and it redirects to the download web

You can try the download itself by using the link on the code block.

I'd love any kind of help, since it's something I've been using on a daily basis since a few months ago, and I'm paying for a high storage limit so I can store them all. Thank you!

import React from 'react'; import { useRef } from 'react'; export const Test = () => {    const audioRef = useRef();    const link = 'https://www.dropbox.com/scl/fi/bvmwih1pkzkf66bgdwnfg/Lugia-s-Song-Efecto.mp3?rlkey=lzdbe331pb58wvorcja32onx1&st=ypmco4i1&raw=1';    const handlePlay = () => {        audioRef.current.play();    };    return (        <div className='position-relative d-flex flex-column align-items-center mt-5'>            <button onClick={handlePlay}>                Play            </button>            <button onClick={() => { window.open(link, "_blank") }}>                Download            </button>            <audio                ref={audioRef}                src={link}                type="audio/mpeg"            />        </div>    ); } export default Test;

Same issue.

Same issue.

Hi @Jay, 

Yes, it happens in all scenarios. I tried clear cache, private mode, in another browser.

 I have found a link generator that creates links so that they can now be played. it's just a shame i  now have to spend several days changing all the links

https://chromewebstore.google.com/detail/dropbox-direct-link-gener/eicoigkfdogflbbcoefagmejoopganmd 

Im wondering, (again sorry if super noob question) but I managed to video work embedded. Than I copied the link from dropbox and it stopped working (missing file error) Is this possible that every time I generate link or copy link from dropbox its somehow changing (hence video missing info) Are some link generated temporarily rather than as a main link and unchanged? 

I have found a link generator that creates links so that they can now be played. it's just a shame i now have to spend several days changing all the links

https://chromewebstore.google.com/detail/dropbox-direct-link-gener/eicoigkfdogflbbcoefagmejoopganmd