Is there a way to cache audio element requests without Service Workers?

Question

I have a userscript where I'd like to cache audio files from audio elements. fetch() isn't viable here as I have to wait for it to fetch to get a blob out of it. Is there a way to use the audio element itself for caching? The codec of the audio is FLAC.

fetch() isn't viable here as I have to wait for it how is that an issue? — Jaromanda X
– Jaromanda X, Commented Oct 2, 2023 at 4:53
@JaromandaX As I have to wait for the fetch to finish, the audio doesn't start playing immediately after the play button is pressed and that's suboptimal even if it works — SeetheMoar
– SeetheMoar, Commented Oct 2, 2023 at 19:13
OK then I totally misunderstand what you're trying to achieve — Jaromanda X
– Jaromanda X, Commented Oct 2, 2023 at 21:42
I have audio links which I must cache when they're played. I can't use fetch() as that would require waiting for the entire file to fetch, which is much slower compared to a serviceWorker, which can clone a request from an audio element so that the audio plays normally and gets cached when it's fully loaded. — SeetheMoar
– SeetheMoar, Commented Oct 2, 2023 at 21:51

Brad · Accepted Answer · 2023-10-02 05:15:31Z

0

If you use the appropriate Cache-Control header, the browser will cache for you. No other work is required.

For example:

Cache-Control: public, max-age=604800, immutable

answered Oct 2, 2023 at 5:15

Brad

164k57 gold badges380 silver badges559 bronze badges

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

5 Comments

Jaromanda X Over a year ago

that would require access to the server - at a guess, since OP is using tampermonkey, they are trying to do this on a site that isn't theirs?

Brad Over a year ago

@JaromandaX Tampermonkey can't alter response headers? I've never used it myself, but it seems like it should be able to, yeah?

Jaromanda X Over a year ago

You may be right, been years since I used it :p

SeetheMoar Over a year ago

I don't think Cache-Control can be used here as all the URL parameters change per visit except for one

Brad Over a year ago

@SeetheMoar Sad. In that case, yeah you need a Service Worker.

Collectives™ on Stack Overflow

Is there a way to cache audio element requests without Service Workers?

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related