Press "Enter" to skip to content

Wk 4: Put a random size video on canvas

It is still a little bit difficult for me to comprehend how the socket works with different forms of data transmission. I am still a little bit confused about when to trigger “emit” or “receive”. At meanwhile, learning Javascript is much more struggling; I find it is interesting and powerful but also troubleshooting sometimes when I try to implement some effects. I do not have difficulties in the logical side but the syntax and implementation in Javascript often slow me down.

This week I spent a lot of time reviewing the class recording as well as the content on the class website. I tried to clear my mind about how to allow “synchronous” webcam accessible for multi-users. I adjusted my last program by allowing users to show videos through webcam with various size on the browser. I am not sure whether this can be called an enhancement but my emphasis is that I was trying to explore dom of video as well as “call back” function (which is quite fresh to me).

https://youtu.be/kul-a7DjWQc

Check my code here.


Wk 4.5

Try to input video with canvas and WEBRTC.

https://youtu.be/SdHjz75XAZY

I tried to add a new canvas in browser, but some bugs popped out. The server broke down somehow. I am trying to find out what happened.