Code Monkey home page Code Monkey logo

wsc's Introduction

wsc

Un chat (avec video/sharing) sécuritaire super rapide en temps réel

Fondation

  • websocket
  • bootstrap
  • jquery
  • bootstrap icon lien

Fonctionnalités

  • Visuellement agréable
  • Responsive
  • Rapide
  • Sécuritaire (wss et https)
  • Audio streaming (expérimentale)
  • Video streaming : partage d'écran (application)
  • Formatage du code source avec Ctrl+8
  • Insertion et support des émoicons avec Windows+;
  • Support des balises html dans les messages
  • Insertion d'image contenu dans le clipboard

Requis opérationnel

  • Un serveur (similaire à NodeJS) pour le dialogue entre les utilisateurs.

Réalisations

v3.1

  • 3 x slider visuels dans la modale de partage (sharing).
    • a) scale du canvas en fonction de la capture 20% @ 100% step de 10% ; default 70%;
    • b) pureté image (compression jpg) 20% @ 100% step 10% :default 70%;
    • c) refresh rate en ms, 100ms @ 2000ms step 100ms : default 500ms;
  • Afficher la personne qui est en mode écriture d'un message.
  • Modale login.
  • Changement visuel dans la section base (icons, boite message).
  • Modale qui bouge ou redimensionable.

v3.2

  • Amélioration de la fluidité au login
  • Ajout d'un message de sortie de l'application (anti-oups)
  • ajout de la latence en ms
  • Migration vers bootstap 4

Backlog

  • Barre v4
    • Autoriser le son, video (defaut non, checkbox dans la barre).
    • Dès que quelqu'un ouvre le micro, sa cam est activé.
    • Enlever le pseudo de l'écran.
  • Mode modérateur
    • Désactivation micro.
    • Afficheur de code source en live (avec le formatage couleurs).
    • Message privé.
    • Notifier le moderateur lorsque la main est levée (bruit).
  • Gestion des interventions et partage d'écran
    • Audio
    • Vidéo
    • picture in picture
  • sliders rétractables (collapsable) dans la modale sharing
  • sharing dans les deux sens (plusieurs sharing en même temps)
  • partage de code : division de la zone d'affichage avec la zone d'écriture gauche/droite au lieu de haut/bas
  • ajout temps login en ms
  • heure rétractable (collapsable)
  • un service qui donne le port de facon dynamique

Expérimentale

  • WebRTC
  • icecast broadcast (pour les gens qui ne veulent pas intervenir dans un cours)

Vérification

Testing

$ curl -Is http://www.salutem.co/wsc | head -1
HTTP/1.1 200 OK
$ curl -Is http://www.salutem.co/wsc/
HTTP/1.1 302 Found
Cache-Control: no-cache
Content-length: 0
Location: https://www.salutem.co/wsc/
$ curl -Is https://www.salutem.co/wsc/
HTTP/1.1 200 OK
Server: G-WAN
Date: Wed, 23 Dec 2020 13:56:08 GMT
Last-Modified: Mon, 21 Dec 2020 07:15:56 GMT
ETag: "5c05fa-5fe04bac-1153"
Content-Type: text/html
Content-Length: 4435
Content-Encoding: gzip

Intéressant

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.