The latest articles on DEV Community by Michael-Xie (@michaelxie). https://dev.to/michaelxie https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F263456%2F58d7d2a8-921d-4406-8d62-b075d0e66528.png https://dev.to/michaelxie en Michael-Xie Fri, 01 May 2020 06:59:01 +0000 https://dev.to/michaelxie/wewatch-virtual-couch-to-watch-videos-with-people-44md https://dev.to/michaelxie/wewatch-virtual-couch-to-watch-videos-with-people-44md <h2> What I built </h2> <p>During COVID-19, people are bound at their homes. Times of watching shows together with your friends feel like a distant past. </p> <p>WeWatch is a virtual couch for friends to watch videos together.</p> <ol> <li>Invite friends to same room</li> <li>Paste in video link (currently supports YouTube and other sites) <ul> <li>video is synchronized across each client (play, pause, scrub)</li> </ul> </li> <li>React to videos while video streaming with your friends</li> </ol> <h4> Category Submission: </h4> <p>COVID-19 Communications</p> <h2> Demo Link </h2> <p>None yet</p> <h2> Link to Code </h2> <p><a href="https://github.com/Michael-Xie/wewatch">https://github.com/Michael-Xie/wewatch</a></p> <h2> How I built it (what's the stack? did I run into issues or discover something new along the way?) </h2> <ul> <li>React, Express, Node, Twilio Sync, (Twilio Programmable Video)</li> <li>react-player</li> </ul> <h3> WIP </h3> <ul> <li>video streaming for participants</li> </ul> <h3> Issues </h3> <ul> <li>there are a lot of sync updates, even thought played or paused once</li> <li>as the play and pause are pressed more, more lag is created between clients</li> </ul> <h2> Additional Resources/Info </h2> twiliohackathon