my blog https://overreacted.io

try add posters

+12 -9
+6 -3
app/[slug]/page.tsx
··· 138 138 139 139 return <markdown.Img src={finalSrc} {...rest} />; 140 140 }, 141 - Video: ({ src, ...rest }) => { 141 + Video: ({ src, poster, ...rest }) => { 142 142 let finalSrc = src; 143 143 if (src && !/^https?:\/\//.test(src)) { 144 - // https://github.com/gaearon/overreacted.io/issues/827 145 144 finalSrc = `/${slug}/${src}`; 146 145 } 147 - return <video src={finalSrc} {...rest} />; 146 + let finalPoster = poster; 147 + if (poster && !/^https?:\/\//.test(poster)) { 148 + finalPoster = `/${slug}/${poster}`; 149 + } 150 + return <video src={finalSrc} poster={finalPoster} {...rest} />; 148 151 }, 149 152 ...postComponents, 150 153 }}
public/a-social-filesystem/1-poster.jpg

This is a binary file and will not be displayed.

public/a-social-filesystem/10-poster.jpg

This is a binary file and will not be displayed.

public/a-social-filesystem/11-poster.jpg

This is a binary file and will not be displayed.

public/a-social-filesystem/2-poster.jpg

This is a binary file and will not be displayed.

public/a-social-filesystem/3-poster.jpg

This is a binary file and will not be displayed.

public/a-social-filesystem/5-poster.jpg

This is a binary file and will not be displayed.

public/a-social-filesystem/6-poster.jpg

This is a binary file and will not be displayed.

public/a-social-filesystem/9-poster.jpg

This is a binary file and will not be displayed.

+6 -6
public/a-social-filesystem/index.md
··· 868 868 869 869 Watch me walk around the Atmosphere for a bit: 870 870 871 - <Video src="./3.mp4" muted playsInline controls /> 871 + <Video src="./3.mp4" poster="./3-poster.jpg" muted playsInline controls /> 872 872 873 873 (Yeah, what was that lexicon?! I didn't expect to run into this while recording.) 874 874 ··· 876 876 877 877 Watch me create a Bluesky post by creating a record via pdsls: 878 878 879 - <Video src="./1.mp4" muted playsInline controls /> 879 + <Video src="./1.mp4" poster="./1-poster.jpg" muted playsInline controls /> 880 880 881 881 This works with any AT app, there's nothing special about Bluesky. In fact, every AT app that cares to listen to events about the Bluesky Post lexicon knows that this post has been created. Apps live downstream from everybody's records. 882 882 ··· 884 884 885 885 Here you can see I'm deleting an `app.sidetrail.walk` record in pdsls, and the corresponding walk disappears from my Sidetrail "walking" tab: 886 886 887 - <Video src="./2.mp4" muted playsInline controls /> 887 + <Video src="./2.mp4" poster="./2-poster.jpg" muted playsInline controls /> 888 888 889 889 I know exactly *why* it works, it's not supposed to *surprise* me, but it does! My repo really *is* the source of truth. My data lives in the Atmosphere, and apps "react" to it. 890 890 ··· 992 992 993 993 Here is a [teal.fm Relay demo](https://teal-relay-production.up.railway.app/) made by [`@chadmiller.com`](https://tangled.org/chadtmiller.com) that show the list of everyone's recently played tracks, as well as some of the overall stats: 994 994 995 - <Video src="./9.mp4" muted playsInline controls /> 995 + <Video src="./9.mp4" poster="./9-poster.jpg" muted playsInline controls /> 996 996 997 997 Now, you can see it says "678,850 scrobbles" at the top of the screen. You might think people have been scrobbling their plays to the teal.fm API for a while. 998 998 ··· 1008 1008 1009 1009 Here's my scrobble showing up: 1010 1010 1011 - <Video src="./11.mp4" muted playsInline controls /> 1011 + <Video src="./11.mp4" poster="./11-poster.jpg" muted playsInline controls /> 1012 1012 1013 1013 *(It's a bit slow but <s>I think</s> [the delay is](https://bsky.app/profile/finfet.sh/post/3mcparo5gis2u) on the Spotify/scrobbler integration side.)* 1014 1014 ··· 1050 1050 1051 1051 I've been giving it a try, and I really like it! 1052 1052 1053 - <Video src="./10.mp4" muted playsInline controls /> 1053 + <Video src="./10.mp4" poster="./10-poster.jpg" muted playsInline controls /> 1054 1054 1055 1055 I ended up switching to it completely. It reminds me of the Twitter algo in 2017--the swings are a bit hard but it finds the stuff I wouldn't want to miss. It's also much more responsive to "Show Less". Its [core principle](https://bsky.app/profile/spacecowboy17.bsky.social/post/3mbhenfjar22s) seems pretty simple. 1056 1056