Coding Challenge Build Loom in 2 hours - Screen Recorder Chrome Extension

Veröffentlicht am: 17 Dezember 2023
auf dem Kanal: Rusty Zone

6,538

187

https://rustyextensions.com/academy Get access to my Browser Extension Academy today!

Hey! In this video we take a look at how to build a Screen Recorder Browser Extension, similar to Loom (who were recently acquired by Atlassian for almost $1 Billion) covering how to inject and display the users camera on the page & record either a single tab or the entire screen.

LINKS:
Chrome Sample: https://linkat.co/rz/chrome-sample
Code Repo - https://linkat.co/rz/screen-rec-source
IndexedDB - https://linkat.co/rz/screen-rec-index...
Background Patterns - https://linkat.co/rz/hero-patterns

CHAPTERS:
0:00 Intro
0:50 Demo
2:27 Setup Files
8:03 Inject Camera
25:25 Extension Popup
34:16 Planning Record Flow
36:23 Service Worker
48:22 Offscreen Document
57:42 View Offscreen Logs
58:42 Record the Tab
1:06:56 Record Screen
1:33:23 Open Recorded Video
1:44:47 Complete

COURSE:
Instant access to my Browser Extension Academy https://rustyextensions.com/academy
Any questions feel free to comment below or email [email protected]

FIND ME ONLINE:
📨 Sign up to my email newsletter - https://rustyzone.substack.com
🐦 Twitter - / russellbarnard
📺 Subscribe - / @rustyzone

Auf dieser Seite können Sie das Online-Video Coding Challenge Build Loom in 2 hours - Screen Recorder Chrome Extension mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Rusty Zone 17 Dezember 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 6,538 Mal angesehen und es wurde von 187 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

2,689