Loading video...

Video Failed to Load

Go Home

Mediabunny 1.42.0 is now out, adding THE most requested feature: full read/write support for HLS! 🚀 It's truly a game changer for client-side media processing. Here, I'm creating 5 renditions from a 40-second video in ~10 seconds, fully client-side, without a transcode server:

vanilagy's profile picture

Vanilagy

3,610 subscribers

58,893 views • 2 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

In LiveView, we keep the state in one place - the server - and it simplifies a lot. But sometimes the state on the client is preferred, or even necessary, and we can't use LiveView for that part. Unless we have a LiveView that runs on the client 👀 Using Popcorn, we managed to run LiveView fully in the browser – here's a POC 🎉 The approach is to have a fully client-side LiveView rendered by a server-side one, and they can communicate with each other. Try it out:
0:25

In LiveView, we keep the state in one place - the server - and it simplifies a lot. But sometimes the state on the client is preferred, or even necessary, and we can't use LiveView for that part. Unless we have a LiveView that runs on the client 👀 Using Popcorn, we managed to run LiveView fully in the browser – here's a POC 🎉 The approach is to have a fully client-side LiveView rendered by a server-side one, and they can communicate with each other. Try it out:

Elixir by Software Mansion

13,509 views • 6 months ago

🧵1/2 Socket Programming in C: Server-Side Basics - Set up a server using socket(), bind(), and listen(). - Accept client connections with accept(). - Send and receive data over TCP. Video 1: Server-Side in C! Video 2: Client-Side Programming will be uploaded soon—stay tuned! 🖥️
2:20

🧵1/2 Socket Programming in C: Server-Side Basics - Set up a server using socket(), bind(), and listen(). - Accept client connections with accept(). - Send and receive data over TCP. Video 1: Server-Side in C! Video 2: Client-Side Programming will be uploaded soon—stay tuned! 🖥️

trish

2,925,483 views • 1 year ago

❌ Avoid resolving a promise in a server component and block rendering. ✅ Resolve the promise in the client side with `Reac.use()`
0:37

❌ Avoid resolving a promise in a server component and block rendering. ✅ Resolve the promise in the client side with `Reac.use()`

George Moller

47,187 views • 1 year ago

MCP tools have only ever returned text for the model to read. Now they return interactive UI. 🪄 TanStack AI's new MCP Apps support renders ui:// widgets right in the chat - static or fully interactive, with a client/server bridge.
0:45

MCP tools have only ever returned text for the model to read. Now they return interactive UI. 🪄 TanStack AI's new MCP Apps support renders ui:// widgets right in the chat - static or fully interactive, with a client/server bridge.

TANSTACK

131,028 views • 9 days ago

🚀 BIG NEWS: I'm Going Indie & Launching My First Course! 🤩 After 7.5 amazing years WeTransfer, I'm leaving a truly special company and team. It's bittersweet, but going fully independent is a dream come true. Read my full story: 🌟 New Course: From Side Project to Going Indie 🌟 Are you ready to make your side project a success? Want to quit the 9-to-5 routine and endless meeting days to go independent? Perfect! This course is for you: #IndieDev
1:39

🚀 BIG NEWS: I'm Going Indie & Launching My First Course! 🤩 After 7.5 amazing years WeTransfer, I'm leaving a truly special company and team. It's bittersweet, but going fully independent is a dream come true. Read my full story: 🌟 New Course: From Side Project to Going Indie 🌟 Are you ready to make your side project a success? Want to quit the 9-to-5 routine and endless meeting days to go independent? Perfect! This course is for you: #IndieDev

Antoine v.d. SwiftLee 

35,638 views • 1 year ago

Just discovered Blockade Labs - what a game changer! Spent my night building a simple #WebXR client for it using #threejs and now I can spend hours exploring these marvelous worlds without taking off my headset. 🤯🚀 #VR #stablediffusion
0:58

Just discovered Blockade Labs - what a game changer! Spent my night building a simple #WebXR client for it using #threejs and now I can spend hours exploring these marvelous worlds without taking off my headset. 🤯🚀 #VR #stablediffusion

Felix Z

29,859 views • 3 years ago

The client requested a parlour wedding decoration, wait for the result..
0:27

The client requested a parlour wedding decoration, wait for the result..

CHUKS 🍥

222,540 views • 5 months ago

Having ChatGPT edit in Xcode is a game-changer Can edit across multiple apps and works with 4.5. It's just missing the ability to read the codebase, write multiple files and agents. For now, Alex is a great alternative.
0:38

Having ChatGPT edit in Xcode is a game-changer Can edit across multiple apps and works with 4.5. It's just missing the ability to read the codebase, write multiple files and agents. For now, Alex is a great alternative.

Meng To

40,579 views • 1 year ago

React tip: "use client" misconceptions (2/5) 🚫 "You cannot nest Server Components inside Client Components because "use client" turns everything into Client Components." ✅ We can pass the rendered result of Server Components to Client Components as props. Simple example: (Server Component) (Client Component) (Server Component) is designed for the client. It needs to instantly open and close when clicked. is designed for the server. It uses packages that don't work in the browser and needs to fetch data close to where it's stored without exposing credentials. So, how can we nest a component that uses server APIs inside a component that uses client APIs... without using `import`? React props to the rescue! --- (0:00) 1-4: Reminder: Importing code forms a module dependency graph. Adding dependencies to a server or client bundle. (0:23) 5-6: Reminder: Using components eventually forms a rendered component tree. (0:37) 9: Oh no! We get an error when trying to `import` a client API (useState) into a server module. (0:44) 10: We know the trick by now: Add "use client" to mark `2.js` as a client entry point. This moves the module to the client bundle and allows us to use client APIs like `useState.` (0:51) 11: But we get a new error! "use client" moved all imported dependencies into the client bundle, including our ORM package, which doesn't work in the browser. (0:59) 13: Let's refactor without changing our rendered component hierarchy. First, we move the `Cart` import to the parent file that imports `Modal`. This moves `Cart` outside the "use client" boundary and consequently the client bundle. (1:11) 15: Then, we pass down the rendered result of `Cart` as a prop to `Modal`. This allows `Cart` to be entirely rendered on the server as a Server Component before being passed down. `Modal` has no knowledge of what the `cart` prop is. Its only responsibility is placing whatever it receives into the `{cart}` slot. (1:15) 16: Finally, it's common to use the special `children` prop for a component's primary content. The key insight is that we were able to use props to retain our desired component hierarchy even though we changed our module dependency graph.
1:24

React tip: "use client" misconceptions (2/5) 🚫 "You cannot nest Server Components inside Client Components because "use client" turns everything into Client Components." ✅ We can pass the rendered result of Server Components to Client Components as props. Simple example: (Server Component) (Client Component) (Server Component) is designed for the client. It needs to instantly open and close when clicked. is designed for the server. It uses packages that don't work in the browser and needs to fetch data close to where it's stored without exposing credentials. So, how can we nest a component that uses server APIs inside a component that uses client APIs... without using `import`? React props to the rescue! --- (0:00) 1-4: Reminder: Importing code forms a module dependency graph. Adding dependencies to a server or client bundle. (0:23) 5-6: Reminder: Using components eventually forms a rendered component tree. (0:37) 9: Oh no! We get an error when trying to `import` a client API (useState) into a server module. (0:44) 10: We know the trick by now: Add "use client" to mark `2.js` as a client entry point. This moves the module to the client bundle and allows us to use client APIs like `useState.` (0:51) 11: But we get a new error! "use client" moved all imported dependencies into the client bundle, including our ORM package, which doesn't work in the browser. (0:59) 13: Let's refactor without changing our rendered component hierarchy. First, we move the `Cart` import to the parent file that imports `Modal`. This moves `Cart` outside the "use client" boundary and consequently the client bundle. (1:11) 15: Then, we pass down the rendered result of `Cart` as a prop to `Modal`. This allows `Cart` to be entirely rendered on the server as a Server Component before being passed down. `Modal` has no knowledge of what the `cart` prop is. Its only responsibility is placing whatever it receives into the `{cart}` slot. (1:15) 16: Finally, it's common to use the special `children` prop for a component's primary content. The key insight is that we were able to use props to retain our desired component hierarchy even though we changed our module dependency graph.

Delba

43,989 views • 2 years ago

React tip: "use client" misconceptions (1/5) 🚫 You need to mark EVERY individual file with "use client" to ensure it is a Client Component. ✅ You only need to mark each client entry point ONCE. Modules imported into a "use client" file are already part of the client bundle. (0:05) Adding "use client" to `3.js` marks the file as a client entry point, including it in the client bundle. (0:11) Importing `d()` into `3.js` (a client entry point) also includes it in the client bundle. (0:14) Adding "use client" to `4.js` has no additional bundling effect on `d()` because it is already part of the client bundle. (0:23) All modules (and their dependencies) imported to `3.js` are included in the client bundle. (0:26) Removing "use client" from `3.js` moves it and its dependencies into the server bundle.
0:33

React tip: "use client" misconceptions (1/5) 🚫 You need to mark EVERY individual file with "use client" to ensure it is a Client Component. ✅ You only need to mark each client entry point ONCE. Modules imported into a "use client" file are already part of the client bundle. (0:05) Adding "use client" to `3.js` marks the file as a client entry point, including it in the client bundle. (0:11) Importing `d()` into `3.js` (a client entry point) also includes it in the client bundle. (0:14) Adding "use client" to `4.js` has no additional bundling effect on `d()` because it is already part of the client bundle. (0:23) All modules (and their dependencies) imported to `3.js` are included in the client bundle. (0:26) Removing "use client" from `3.js` moves it and its dependencies into the server bundle.

Delba

157,350 views • 2 years ago

Server authoritative movement with client prediction and rollback/replay support. In this example, the client exploits by moving a wall out of the way. But the server owns the movement. The client has failed predictions due to the exploit, and rolls back. #RobloxDev
0:44

Server authoritative movement with client prediction and rollback/replay support. In this example, the client exploits by moving a wall out of the way. But the server owns the movement. The client has failed predictions due to the exploit, and rolls back. #RobloxDev

sleitnick

20,523 views • 1 year ago

Watch BurpAI find and exploit a Server Side Template Injection bug. Video by Tib3rius, for the full video check out 👇
1:03

Watch BurpAI find and exploit a Server Side Template Injection bug. Video by Tib3rius, for the full video check out 👇

Burp Suite

11,556 views • 5 months ago

"I'm here to win the game. It's a special moment for me." Darrell Clarke is excited for his Barnsley side to face Manchester United at Old Trafford in the Carabao Cup 🤩
1:33

"I'm here to win the game. It's a special moment for me." Darrell Clarke is excited for his Barnsley side to face Manchester United at Old Trafford in the Carabao Cup 🤩

Sky Sports Football

61,122 views • 1 year ago

For those who didn't see the end of this game, here is the 5 second calls side-by-side: you can see how drastic the difference in cadence was
0:30

For those who didn't see the end of this game, here is the 5 second calls side-by-side: you can see how drastic the difference in cadence was

Mike Jagacki

110,349 views • 3 months ago

I've finally published a new version of next-international, my fully typesafe i18n library for Next.js This release adds initial support for the App Router, with both Client and Server Components:
0:32

I've finally published a new version of next-international, my fully typesafe i18n library for Next.js This release adds initial support for the App Router, with both Client and Server Components:

Tom Lienard

42,459 views • 3 years ago

"Untouched in a month-and-a-half!" Luke Weaver strikes out the side for the second straight outing and has now tallied 18 straight appearances (20 innings) without allowing a run!
0:25

"Untouched in a month-and-a-half!" Luke Weaver strikes out the side for the second straight outing and has now tallied 18 straight appearances (20 innings) without allowing a run!

SNY

61,452 views • 17 days ago

You can now try client-side rendering in Remotion!
8:22

You can now try client-side rendering in Remotion!

Jonny Burger

76,698 views • 6 months ago

Liberals are now admitting Obamacare is a failure without even realizing it, and trying to blame the Republicans. Rather than blaming themselves for creating the mess, they’re blaming the other side for exposing what a mess it is. These people truly are a lost cause.
0:40

Liberals are now admitting Obamacare is a failure without even realizing it, and trying to blame the Republicans. Rather than blaming themselves for creating the mess, they’re blaming the other side for exposing what a mess it is. These people truly are a lost cause.

One Bad Dude

126,093 views • 7 months ago