Code Monkey home page Code Monkey logo

musmanraodev / v2ube Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 1.76 MB

An app which allows people to watch videos with synchronize functionality and chat in real-time using sockets, node.js/express and DOM. It also allow users to pause, play, and move the video time forward and backward for everyone in the room, enabling everyone in the room to experience the same video scene together.

Home Page: https://BestMUsman.github.io/V2ube

HTML 15.99% JavaScript 52.84% CSS 31.17%

v2ube's Introduction

Live: https://v2ube.onrender.com/

Welcome to V-Tube!

What does it do?

An app which allows people to create different rooms where people can chat in real-time. It also allows users to enter the video url and watch videos together with synchronize functionality. It also allow users to pause, play, and move the video time forward and backward for everyone in the room, enabling everyone in the room to experience the same video scene together.

How to use it?

  • Go to the website
  • Click on Create Room Button
  • Enter the Room Name and Video Url
  • Share the Room Url with your friends
  • Your friends join the room then you watch video and chat together

How does it work?

  • When user vists a website, so he/she is given a default room using socket.
  • User joins a room, which creates a new property in a room object to keep the track of the room info.
  • Room info includes: People in room, Video url of the Room, Still Open or Close, Count of People.
  • When user clicks on pause, play, or move the video forward or backwards so the state changes of youtube video.
  • Each time when something is done with so a video state changes, which is detected by Youtbe API.
  • Each time Youtube API detects new state, so new video time for that room is sent to the server from that user using socket.
  • Server, using node.js/express then sends that time to everyone in that specific room using socket, which enables the synchronize functionality.
  • Allowing People to pause, play, and move video forward and backward for everyone.

What techs are used?

  • Node.js/Express
  • Socket.io
  • Javascript
  • DOM
  • Youtube API
  • PHP

alt text

v2ube's People

Watchers

Muhammad Usman avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.