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

Publié le: 17 décembre 2023
sur la chaîne: 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  


Sur cette page du site, vous pouvez voir la vidéo en ligne Coding Challenge Build Loom in 2 hours - Screen Recorder Chrome Extension durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Rusty Zone 17 décembre 2023, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 6,538 fois et il a aimé 187 téléspectateurs. Bon visionnage!