Inspiration

I just developed a very easy to join and secure video conferencing system 100% browser based. Some years ago I built a 3D world using CSS3D which makes joining HTML elements like videos very easy and performant (much faster and easy than WebGL). Why not try to join the two in a 3D classroom video conference during this hackathon?

What it does

It will allow to change from a traditional video conference flat video images to a 3D setting that will be decorated as a classroom with the face of each student and teacher at their desks. The desks and faces in video streams can move in the 3D environment of the classroom.

How I built it

The video conferencing system is built in HTML5, the video streams are in WebRTC and the 3D classroom will be in CSS3D.

Challenges I ran into

Integration challenges and joining with design experts to really give the classroom a cosh feeling.

Accomplishments that I'm proud of

That short challenges with a leit motif that bring people together are fun and productive.

What I learned

There is always a rigth time to old ideas!

What's next for Classes3D - a virtual classroom with video conference!

To integrate a chatbot system so that every student can have an assistant always available. Mainly, let’s see where the community wants to take it.

Share this project:

Updates

posted an update

Saturday was mainly focused in finding a Javascript library to detect faces. FOUR libraries were tested and only the last, face_api based in neural networks, worked well! Not only it detects where faces are but also detects emotions (joy, sadness, anger, surprise)!

Log in or sign up for Devpost to join the conversation.