How We Built a Netflix Style “Save for Offline” Feature Into Syntax
Рет қаралды 2,602
Күн бұрынScott and Wes dive into the world of browser caching for audio files, exploring the File System API and the Cache API. They discuss size restrictions across different browsers, how tools like Riverside.fm leverage IndexedDB, and walk through code examples for creating, retrieving, and managing cached audio data.
Show Notes
00:00 Welcome to Syntax!
02:07 Brought to you by Sentry.io.
02:33 The file system API.
03:08 The Cache API.
04:24 Size restrictions per browser.
07:04 How tools like Riverside.fm use IndexedDB.
08:47 Data eviction (too much data).
10:16 What we’re using it for and how.
12:17 How do we do this in code?
14:37 Creating the cache.
16:18 Retrieving from cache manually.
19:00 Adding metadata.
19:37 A live debugging.
22:39 Persistent storage.
26:10 Media score.
All links available at syntax.fm/783
------------------------------------------------------------------------------
Hit us up on Socials!
Scott: / stolinski
Wes: / wesbos
Randy: / @randyrektor
Syntax: / syntaxfm
www.syntax.fm
Brought to you by Sentry.io
#webdevelopment #webdeveloper #javascript
@dually888 10 күн бұрын
Great episode! Welcome back, Wes! I had no idea the cache api existed, so it sounds like I have a fun weekend project coming up lol
@omomer3506 4 күн бұрын
This was a fun episode,
@usame.cetinkaya 7 күн бұрын
12:23 Oh, wow! That's a lot of indentation.
@stolinski 6 күн бұрын
What’s your personal max depth limit? This is 7 levels deep at the highest, not awful. Sure you could make it less but it reads fine. Once Svelte 5 drops I’ll have to refactor anyway so will get a chance to slim down.
@usame.cetinkaya 6 күн бұрын
@@stolinski I'm fine with nesting 7 levels deep, but personally I can hardly follow code if the indentation is mode than 4 spaces 😊 It's so cool to get a reply from Mr. Tolinski himself, what a wonderful world 😄
This Dot Media
Рет қаралды 1,7 М.
codewithbrandon
Рет қаралды 13 М.
GiaoHeo
Рет қаралды 2,8 МЛН