Code Monkey home page Code Monkey logo

party's Introduction

Spatial Video Chat

Normally only one person can speak at a time in a standard conference call and it only gets worse the more people there are. This isn't like in real life, where we zone in and out of large groups, form smaller ones as the conversation takes us.

Live Demo.

Built with Node.js, socket.io, and HTML5 Canvas.

Development

To get started, make sure you have Node and NPM installed. Then,

$ npm install
$ npm run develop

on your local machine.

To run the project in a production setting, simply

$ npm install
$ npm run build
$ npm start

Tests

To run the tests for this this project, simply

$ npm install
$ npm test

party's People

Contributors

souramoo avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar

Forkers

shashanoid waldenn ideaplexus janmechtel elmergonzalezb logofic lasernite tommyteavee navya825 helppery-com deeftah saakai-dev yd-915

party's Issues

setting the socket.io path

Hi,

What an interesting spatial videochat app, very cool idea!

I have tried to install the app (as an experiment) on my own project server at: https://conze.pt/app/chat

I had to change the base URL on some lines in "src/client/assets.js", "src/client/html/index.html" and "src/client/html/join.html". It would be nice to have some global-setting for this I think.

Two issues I have currently:

  1. The welcome screen text is shifted to the left-side (in Firefox and Chrome). I have made no CSS changes. Not sure whats causing this.

  2. When clicking "join" link, I get a 404 error code for accessing "https://conze.pt/socket.io/?EIO=3&transport=polling&t=N5mswUD" (instead of "https://conze.pt/app/chat/socket.io/?EIO=3&transport=polling&t=N5mswUD"). Any idea where/how I can get the base URL changed for socket.io? I tried adding a resource "/app/chat" to the socket setup in networking.js, but that did not fix this. I am not yet too familiar with socket.io programming :-)

Thanks!

More stable video conference calls

Currently this is being handled by peerjs and some weak connections drop the call, while some multiparty calls get out of sync very quickly because each client has to connect to each other.

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.