Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Built with help from Cursor, Claude and V0 in roughly 8-10 hours.

150,378 Aufrufe • vor 1 Jahr •via X (Twitter)

23 Kommentare

Profilbild von Design Chief Priest
Design Chief Priestvor 1 Jahr

One thing I've hated is relying on anyone to ship stuff - now I can spend time to design and ship it myself in less time .

Profilbild von Design Chief Priest
Design Chief Priestvor 1 Jahr

Set video quality to 1080p if it shows up blurry on your end

Profilbild von Design Chief Priest
Design Chief Priestvor 1 Jahr

Update #2

Profilbild von Design Chief Priest
Design Chief Priestvor 1 Jahr

Update #3 Tonight's struggle was to style an element. - 😂 I'm obsessed with details but hear me out. Now this isn't the regular CSS styling problem. The browser needs to be able to detect sent and received messages and style it accordingly. Finally got this to work with a slight tweak to my manifest flle that lets me store data locally. So everything is caught and loaded up at the right time on the front end.

Profilbild von Design Chief Priest
Design Chief Priestvor 1 Jahr

Update #4 - Got a new annoying bug - tried to fix, wasn't really solid. So I decided to refactor everything from Vanilla JS to React JS so I have more flexibility to control my components - Took about an hour to setup.

Profilbild von Design Chief Priest
Design Chief Priestvor 1 Jahr

Update #5 - Bug fixed. Had to implement a virtual DOM in order to fix the issue. Also moved some handling from my content script to my background script for efficiency. Solid win for me. So the entire chat functionality is 70% complete. Once it's complete. I'll move to video calling using WebRTC via Jitisi SDK.

Profilbild von Design Chief Priest
Design Chief Priestvor 1 Jahr

Update #6 - Fixed all additional bugs and moving on to additional functionality. Here I’m able to track the exact video time. The essence of this is to be able to sync videos properly. So everyone is watching at the same time. Also moved to a live server. So close.

Profilbild von Design Chief Priest
Design Chief Priestvor 1 Jahr

Update #7 hit a few bugs again but I’m taking a break for a few days before i get back to it again but I’ve made considerable progress. Shipped all of this but I have a bug on No 3 which I need to figure out how to fix

Profilbild von Design Chief Priest
Design Chief Priestvor 1 Jahr

Ready for the next leg up. Next commit should be a fix that lets me trigger elements based on their data attributes over a WS connection within a group session.

Profilbild von Design Chief Priest
Design Chief Priestvor 1 Jahr

Update 8 - no code tonight just deep research. Figured out how to finally handle controls on Netflix with a websocket connection. Will implement with that in mind next.

Profilbild von Design Chief Priest
Design Chief Priestvor 1 Jahr

Update #9 - implemented the first part of the controls. Now able to pause and play videos with specific commands and scripting functions locally. I now need to figure out how to replicate this action on the server. Server needs to pick up the pause, play and seek actions from the host and trigger it on the clients end.

Profilbild von Design Chief Priest
Design Chief Priestvor 1 Jahr

Update #10 hit a huge milestone - the first part of syncing works. Lots to do but love the progress so far.

Profilbild von Design Chief Priest
Design Chief Priestvor 1 Jahr

Update #11 added a very key functionality to be able to track the movie being watched and the synopsis. Time to go clear some other annoying bugs I’ve been dealing with

Profilbild von Design Chief Priest
Design Chief Priestvor 1 Jahr

Update #12 - fixed the system message bug I was getting and fixed pause and play for video synchronization. Turns out it was a server problem- my server was sending back system messages as text. Need to fix seeking next

Profilbild von Design Chief Priest
Design Chief Priestvor 1 Jahr

Update #13 - Fixed seeking and synchronization - this was one of the trickiest things I had to do. Lots of logic to fix this. Figured out the base calculation to help me do this . Next - would be adding some micro interactions.

Profilbild von Design Chief Priest
Design Chief Priestvor 1 Jahr

Back from my break 😅 - About to start shipping some new updates

Profilbild von Design Chief Priest
Design Chief Priestvor 1 Jahr

Did a complete refactor of the codebase. Working on adding back core functionality.

Profilbild von Design Chief Priest
Design Chief Priestvor 1 Jahr

Smooth ✅ - the toast moved from a bug to a feature 😂😂.

Profilbild von Design Chief Priest
Design Chief Priestvor 1 Jahr

Invite links work now 🙂. Still need some tweaks but so far so good

Profilbild von Design Chief Priest
Design Chief Priestvor 1 Jahr

Added Friends tab and Hub for audio conversations. Will integrate audio spaces this week within the extension 😇. Once that’s done will do Ui fixes

Profilbild von Design Chief Priest
Design Chief Priestvor 1 Jahr

Added video calling UI and integrated Livekit fully. Now need to work on additional functionality.

Profilbild von Design Chief Priest
Design Chief Priestvor 1 Jahr

Now for my next party trick I shipped a beam link (It’s basically deep-linking into Netflix.) You get an invite and it pops you straight into the watch party without having to click our default floating button. Works seamlessly 😅

Profilbild von Design Chief Priest
Design Chief Priestvor 1 Jahr

Added floating reactions on screen. Pretty close to wrapping up extension functionality so far 👌🏽

Ähnliche Videos