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

Pubblicato il: 17 dicembre 2023
sul canale di: 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  


In questa pagina del sito puoi guardare il video online Coding Challenge Build Loom in 2 hours - Screen Recorder Chrome Extension della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Rusty Zone 17 dicembre 2023, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 6,538 volte e gli è piaciuto 187 spettatori. Buona visione!