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

I have posted videos on my wordpress websites. it worked fine until now. I have changed the last part of the link to raw=1 videos that are uploaded on the site work fine and also videos from google drive. it's the same problem on all my websites

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;

Hi....

A very strange behaviour....

When i made a weblink of an image in dropbox (right- click,add image in new tab) it's a different link than a collegue did.

Have a look at the attachment...

It's the same map,image....

Is this somewhere a setting in Dropbox that changes creating a weblink?

Suddenly it doesn't work again.. What's going on Dropbox??

The new url doesnt work but the old way is working(i have to xml files, one with old sharing format and the other one that has the new sharing format..

old: https://www.dropbox.com/s/random_string/test.xml?raw=1

new: https://www.dropbox.com/scl/fi/RANDOM_STRING/FILENAME.xml?rlkey=RANDOM_STRING_for_rlkey&raw=1

and i cannot create the old url format on the main xml(filename.xml) because its only giving me the new sharing format, or is it a way to create the "old"  way?

Tested both url:s in chrome and edge got this result:

old: https://www.dropbox.com/s/random_string/test.xml?raw=1

will redirct to a longer url

https://uc9d29123.dl.dropboxusercontent.com/cd/0/inline/random_string/file#

Test with new sharing url gives the same result, it redirects but in the new redirected page its without the hastag after the text "file"..so something like this:

https://uc9d29123.dl.dropboxusercontent.com/cd/0/inline/random_string/file

Im not sure if that`s the case but thats the only difference that i can notice..

Just to see if the content in filename.xml is OK i copied all the content from main xml into into the old shared format test.xml, this one https://www.dropbox.com/s/random_string/test.xml?raw=1

it works fine from here, therefor nothing wrong in the content in the filename.xml.

Also tried to create a new one xml, gives me of course the new format, same error. New shared format doesnt work..

tahjdbx lisadbx Hannah could you please fix this?

We use https://plyr.io/ to play audio files hosted on a paid dropbox account through our webflow site. It has worked wonderfully for years. We  change the end of the file to the raw=1 suffix.

3 days ago all links stopped working apart from old public links that outdated the new rlkey naming structure - it should be noted that the files with the rlkey naming structure have also been working since the beginning of the year. These links are read only links so no authenitcation required to access or view. They also load fine in a browser either as the file in dropbox or as a streamer.

Is there an option to generate a dropbox link without the rlkey or another work around anyone can think of? PLYR is an open source js library on github.

Would appreciate any help! Thanks.