Motalk - motion talk chat room

Motalk (Motion+Talk) shows true, live, genuine profile videos, so you can’t hide your emotion when you are chatting. Every time you type a message, it records a video of you with the front camera until you click "send" to send the message, and updates your profile into the video just recorded. 

By lively updating your profile video, you can no longer fake your face or post old photos anymore, which gives the true representation of "profile". Also, there is no need to use emojis anymore because you can simply express your emotion by your face!

Sketch & Planning

IMG_6537 2.JPG
IMG_6536 2.JPG

Inspiration - Kakao Talk and my never-changing old profile picture 

Screen Shot 2017-12-12 at 12.32.41 PM.png
Screen Shot 2017-12-12 at 12.17.21 PM.png

Live Web midterm : Collaborative Drawing Room

For the Live Web midterm, I created a collaborative drawing room for multiple users. The concept is that users can share their drawing or draw on top of each others' drawing, while looking at their own face using their webcam. Once you click "draw your face", the video captures your face and displays a still image of your face. You click either "small", "medium", or "big", and start drawing with the corresponding stroke size by clicking on the canvas to set a starting point and pressing arrow keys to draw only in linear lines. The stroke color is random. The other user can draw on top of your drawing in the same way to play with his or her own face, and the drawing corresponding to his or her own face will display on your canvas too and you can play with the drawing by moving your head (face).

Screen Shot 2017-10-17 at 12.21.39 PM.png
Screen Shot 2017-10-17 at 12.51.12 PM.png

Live Web 4. Chat Room aka Text Party

For the midterm project, I would like to continue what I did last week: a chat room with a live profile picture using WebRTC. Not unlike a real cocktail party, a number of random people enter into this chat room, aka text party in digital space. Simulating the real cocktail party, people gather around the people they want to talk to. They can start talking by themselves, or chat with other people by clicking any point on the canvas. Every time they talk, their profile picture is updated to show their lively facial expressions of the current moment. They can never fake their emotions because their face is captured every moment they talk (type and submit), and their profile picture substitutes emojis with the more accurate depiction of their emotions. 


Live Web 1-2. Self Portrait

       We were asked to create an interactive self portrait using HTML5's video or audio tags along with JavaScript. I created a simple interactive web page where users can interact with three different videos positioned accordingly to an eye, a nose, and a mouth to create an abstract face of myself. If you play each video by clicking on it, the eye, the nose, and the mouth turns from no expression to a smile. 

Live Web 1-1. Synchronous communications

Find a live or synchronous site or platform online. Try it out. How is it used? What do you find interesting about it?


       In class, we learned that synchronous platforms differ from asynchronous ones in that synchronous sites occur in real-time without space for manipulations. Among a variety of examples of synchronous platforms, I find Instagram Live to be very useful. Over the past few years, Instagram has become the number one SNS, boasting its simple and powerful user experience, and the largest number of users around the globe. Recently, Instagram Live function brought Instagram into even bigger success by changing Instagram's asynchronous communications only through posts and messages into synchronous communications through live videos. If your Instagram friend starts broadcasting a live video, his or her profile picture shows up at the top of your Instagram page with a caption, "Live". If you click that picture, you can start engaging in the interactive live video. First you see your friend's video with his or her talking, and you can send heart stickers or comment on the video whenever you want to so that you can actively participate in the live interaction. The video host can now communicate with the viewers by responding the comments in real time by talking or showing. For example, I often watch Live videos of one popular fashion blogger. She casually turns on the Live video and show hows she puts on makeup, what she wears, where she goes, and what she eats everyday. A lot of viewers ask questions such as what cosmetic brands she buys makeup stuff from and so on. Sometimes the viewers give the video host tips about restaurants or places she visits. These text to talk communications happen so fast that it is nothing much different from talking in real life. She seems pretty satisfied by the tips and all the compliments she gets from her viewers aka fans. Now broadcasting a live video turned into her habitual job everyday and she became more famous thanks to this active communications with people. I find it interesting because I never imagined that I could lively "communicate" with her before Instagram Live because she seemed to be living in a different world, but now I feel so much closer and more connected to her even if we are still communicating in a virtual world.