Blog‎ > ‎

Canvas Video chat

posted Mar 4, 2015, 7:56 AM by Iman Khaghani Far
Hola, 
so I have been exploring different ways that we can broadcast a video stream to all possible devices.
yes, I thought it would be webrtc or many other frameworks out there that use webrtc.

But I think not all browsers are supporting web rtc, so I went on experiencing on a very simple video broadcasting technology,

Here is how it works:
Broadcaster client: capture the media device, read the video stream and display it on a canvas with a defined internal.
then, get the images from the canvas and convert them into dataurls, send the data urls to a simple node server running socket.io.

the server then gets the images and broadcasts it to the other clients listening to that socket.

the other clients recieve the image dataurl and simply update the src of an image. easy but now very professional. the only good thing about it is that you can almost broadcast to everywhere even on a kindle paper white.

here is a demo
http://rt-chat.calocode.com/


Comments