Liqvid

Interactive videos in React

[Liqvid @LiqvidJS]

Get started: `npm init liqvid my-video`
Community: https://t.co/YFWyjsku33
Docs: https://t.co/tz0IN87JjW

[Yuri Sulyma @YuriSulyma]

I'll be presenting Liqvid tomorrow night at @ParisReactMeet , including a preview of the v3 alpha!

Je présenterai Liqvid demain soir au React Paris, incluant un aperçu du version 3 alpha!

[Yuri Sulyma @YuriSulyma]

I'll be presenting Liqvid tonight at @h2_meetup pre-Remix Jam!

[Liqvid @LiqvidJS]

Liqvid at Dev Edmonton! I live-coded a basic prototype of the library, showing how to record and replay interactions.

https://t.co/Wd36oY0jZF

[Guillermo Rauch @rauchg]

<Mafs />: React components for Math 🧮 Delightful!
https://t.co/y0aRMfKU9o

[zack @zack_overflow]

I got fed up writing FFmpeg commands. Its unintuitive, and can get ugly and complicated quickly

A couple of months ago, I built this GUI to help me write complex ffmpeg filtergraphs that we have been using internally and decided to launch today.

https://t.co/WSmIqN9DSX

[Liqvid @LiqvidJS]

The next generation of our @codemirror plugins is here!

🚀 multi-file recording/replaying
🪩 much easier to set up and customize
🤯 compatible with @remotion_dev and @greensock GSAP!

Get started by cloning one of the demos:

https://t.co/u2QNX3UdpT

[Liqvid @LiqvidJS]

@tombyrer @housecor @jonschlinkert @solid_js What is it you're trying to build? And what do you mean by TTA/server costs?

[Liqvid @LiqvidJS]

Added documentation for @MathJax and XyJax integrations

https://t.co/bxCilHicMp

https://t.co/b7fLLSpR9t

[Liqvid @LiqvidJS]

Say hello to Liqvid 2.1!

🌠 use the Web Animations API in videos!
3⃣ React Three Fiber integration
☺️ lots of ease-of-use improvements
🎁 now consumable as ESM

https://t.co/ZOzl7yhXcU

[Liqvid @LiqvidJS]

@JNYBGR will do :)

[Liqvid @LiqvidJS]

To finish the year, we have a new CLI tool!

🎙️ Join, convert, and transcribe audio
📦 Automated bundle process
��� Render to static video
👀 Preview server
🖼️ Generate thumbnails

Install with `npm install @liqvid/cli`

https://t.co/6oCFZaNELH

[Liqvid @LiqvidJS]

5/ A slick recording interface. Since you're not screen-casting, the prompts won't make it into the final recording—which means you don't have to remember your lines!

https://t.co/NezdJ7RsUC

Even without interactivity, this is a *much easier* way to produce video content.

[Liqvid @LiqvidJS]

Liqvid is a library for making interactive videos by animating HTML/React. As in, you can click inside the video and change it while the video is playing.

https://t.co/4Y6YZWM19d

Here are some of the cool things you can do with it...

[Liqvid @LiqvidJS]

4/ Style your videos with CSS, and see your changes applied *instantly* with LiveReload. You can even change your video while it's playing!

https://t.co/liD9UyjTI4