Using JavaScript and modern web browser APIs we can easily capture the user's webcam to record videos and upload them to Supabase Storage right from the client-side.
Find the code: https://supabase.link/storage-upload-...
CHAPTERS:
00:00 Intro
00:14 Code walkthrough
01:20 Request access to the camera with the MediaDevices API
01:40 Feed the webcam stream into an HTML 5 video element
02:20 Use the MediaRecorder API to record the webcam stream
03:10 Create a Blob from the recorded video chunks
03:13 Upload the Blob to Supabase Storage
03:40 Open the local Supabase Dashboard
04:50 Create RLS policies for Supabase Storage
💻 Videos to watch next:
▶ • Resumable Uploads on Mobile
▶ • Self-host Maps with Protomaps and Supabase...
▶ • Generate Images with JavaScript
👇 Learn more about Supabase 👇
🕸 Website: https://supabase.com/
🏁 Get started: https://app.supabase.com/
📄 Docs: https://supabase.com/docs
🔔 Subscribe for more tutorials and feature updates from Supabase: / @supabase
📱 Connect with Us:
🐙 Github: https://www.github.com/supabase
💬 Discord: https://discord.supabase.com/
🐦 Twitter: / supabase
▶ Instagram (follow for memes): / supabasecom
ABOUT SUPABASE:
Supabase is the open source Firebase alternative. Supabase provides a full Postgres database for every project with pgvector, backups, realtime, and more. Add and manage email and password, passwordless, OAuth, and mobile logins to your project through a suite of identity providers and APIs.
Build in a weekend, scale to millions.
#Supabase #AppDevelopment #RealtimeApps #DeveloperTools