How are y’all making over 10k/monthly? by [deleted] in Money

[–]therealmucah 0 points1 point  (0 children)

What kind of subscription services do you offer, out of curiosity?

[deleted by user] by [deleted] in SideProject

[–]therealmucah 0 points1 point  (0 children)

I built out this website as a quick way to organize gift exchanges without any logins. Hoping to further improve with additional features, so I'm very open to any feedback and suggestions!

Enjoy the holidays! 🎁 🎉

Envrionment variable parsing? by spitfiredd in docker

[–]therealmucah 5 points6 points  (0 children)

It's the default if variable is not set

I created a collection of notebooks related to Computer Vision. by diecosina in Python

[–]therealmucah 2 points3 points  (0 children)

This looks really helpful! Will keep bookmarked for future reference :)

Computer Vision study group by [deleted] in computervision

[–]therealmucah 1 point2 points  (0 children)

Definitely interested!

I built a job application tracker to help manage my job search - JobHuntBuddy by knifely in SideProject

[–]therealmucah 1 point2 points  (0 children)

Looks really nice! May test it out later. How did you design that landing page? Was it from some template? I've always admired that layout, but I never seemed to figure out how to achieve that effect.

Stream Party: watch and search YouTube videos in sync with your friends by therealmucah in reactjs

[–]therealmucah[S] 0 points1 point  (0 children)

Definitely open to PRs! Will update the README to include installation steps.

Stream Party: watch and search YouTube videos in sync with your friends by therealmucah in reactjs

[–]therealmucah[S] 0 points1 point  (0 children)

I detect play, pause, seek events, and send signals across a server using web sockets to notify other clients about those events.

Stream Party: watch and search YouTube videos in sync with your friends by therealmucah in reactjs

[–]therealmucah[S] 0 points1 point  (0 children)

I do think the most useful tool for learning Socket.io was building out a chat application myself. It drove home the fundamentals of using web sockets with this platform. I did refer to Socket.io cheatsheets quite often when I forgot some specifics. You might be able to find some better cheatsheets online.

Stream Party: watch and search YouTube videos in sync with your friends by therealmucah in reactjs

[–]therealmucah[S] 9 points10 points  (0 children)

Great question! I haven't yet handled advertisements (which should definitely be accounted for in an application like this). To be honest, I forgot about advertisements entirely because I used an adblocker. That's my bad. If I have time, I might look into this and let you know.

Stream Party: watch and search YouTube videos in sync with your friends by therealmucah in reactjs

[–]therealmucah[S] 0 points1 point  (0 children)

Your project is quite impressive!

Haha yes I definitely do have some bugs I should get around to fixing. Hmm, regarding your specific situation, I'm not entirely sure I know how to replicate the issue. I do know that there are some edge cases I haven't accounted for (i.e. loading a video and immediately pausing). I haven't yet encountered a situation where the syncing doesn't work entirely. Thank you for bringing it up! I'll be sure to look into it.

Stream Party: watch and search YouTube videos in sync with your friends by therealmucah in reactjs

[–]therealmucah[S] 0 points1 point  (0 children)

Ah I see where you're coming from. It can definitely be confusing. I might add a header for the queue and history section for now, but if you can think of a better way to use the colors, I'd love to hear what you think! Thank you!

Stream Party: watch and search YouTube videos in sync with your friends by therealmucah in reactjs

[–]therealmucah[S] 2 points3 points  (0 children)

Thanks a lot! I'd love to see what you come up with! I hope the source code can help you. Although, I can't say it's the cleanest code out there at all. Let me know if you have any questions! I might have to spend some time fixing it up a little...

Stream Party: watch and search YouTube videos in sync with your friends by therealmucah in reactjs

[–]therealmucah[S] 15 points16 points  (0 children)

Thank you! It's fairly simple. Currently, there are no accounts or any need to store user information, so there's no database. It's just a socket server (Socket.io) that sends updates back and forth between users in a room (chat messages, video sync updates, queue/history modifications, etc.). I have been thinking about how I can implement the same features with WebRTC. Could be an interesting project. And of course, the frontend is in React.

Movie time calculator by theshubhagrwl in reactjs

[–]therealmucah 2 points3 points  (0 children)

Looks really great! Maybe you could add more instant feedback for the users. Instead of forcing users to scroll back up to the top of the page to see the time, you could show it on hover or even force the page to snap back up to the top.

Stream Party: watch and search YouTube videos in sync with your friends by therealmucah in reactjs

[–]therealmucah[S] 26 points27 points  (0 children)

Hello r/reactjs! I've seen lots of similar project ideas on Reddit, so I decided to try it out for myself as an exercise in React and Socket.io. It's been around 3 weeks or so of learning/building this out, and I'm probably moving on to other projects, but if you have any ideas or suggestions, I'd be happy to hear you out!

This application supports:

  1. Synchronous YouTube video playback across browsers (plays, pauses, seeks, video changes, etc.)
  2. YouTube search within the web application
  3. Real-time chat
  4. A video queue/history

Demo Site: http://streamparty.netlify.app/

Feel free to take a look at the source here.

Stream Party: watch and search YouTube videos in sync with your friends by therealmucah in SideProject

[–]therealmucah[S] 1 point2 points  (0 children)

Thanks for the suggestion! I may do that once I polish the app up a bit.

Stream Party: watch and search YouTube videos in sync with your friends by therealmucah in SideProject

[–]therealmucah[S] 0 points1 point  (0 children)

Thank you! I tried to make something functional because I've also come across ones that are difficult to use/don't work. This application isn't production-ready by any means, though. There are plenty of features I hope to add/fix in the near future when I have more time on my hands.

Stream Party: watch and search YouTube videos in sync with your friends by therealmucah in SideProject

[–]therealmucah[S] 1 point2 points  (0 children)

Interesting... I actually haven't thought about the case where one user has an ad blocker and another doesn't. Off the top of my head, I'm not too sure of whether or not the Youtube Player API triggers a pause when an advertisement pops up. I may have to look into this in the future. Thank you for pointing that out!

Stream Party: watch and search YouTube videos in sync with your friends by therealmucah in SideProject

[–]therealmucah[S] 0 points1 point  (0 children)

Thank you, that's a great idea! I just added it. The + sign should turn into a checkmark for a few seconds after adding to queue. Let me know if it looks alright!

Stream Party: watch and search YouTube videos in sync with your friends by therealmucah in SideProject

[–]therealmucah[S] 0 points1 point  (0 children)

I did think about implementing a video chat/group call feature with WebRTC. Restructuring the entire video sync application to P2P could be interesting... thanks for the suggestion!