How We Built Video Annotations w/ tldraw - YouTube

We built video annotations with tldraw! It’s a new feature we’re launching next week, and we’re really excited for all of you Jamming to try it. So today, Jam engineers: Max, Aidan, and Rui get into the technical details of implementing the tldraw library - so you can draw stuff while recording your screen.

Excited to show you what we built!

Highlights

• 0:37 Why implementing annotations was so different than the blur tool
• 2:55 How Max discovered we already had a tldraw license
• 4:25 Why we love tldraw: React-SVG dual architecture & more details
• 8:55 Demo of video annotations & why it’s different than Jam’s screenshot feature
• 11:29 Why we ultimately decided to use tldraw for video too (it looks so nice!)
• 12:52 Our biggest takeaway for building w/ 3rd party libraries

Episode links:

• Try tldraw
• Check out the episode about Jam's new blur tool

Conclusion

Dealing with bugs is 💩, but not with Jam. Capture bugs fast, in a format that thousands of developers love.