Live Web Wk 1: Self Portrait

Assignment: “Using HTML5’s video or audio tags along with JavaScript, create an interactive self portrait.”

This self portrait is meant to reflect an old school tv, with the letters of my names acting as buttons for different channels. The eyes (equipped with plus and minus signs) are the volume control for this “tv set.”  The nose acts as the power button, as it brings you to the “home” page which is just tv static. When you click on that letter, the colors of all the other letters and shape will change to that page’s color.

These videos are all reminiscent of shows/clips I love and could spend hours watching.

Live (turn on volume): https://emilylin-itp.github.io/live-web/wk1/self_1_code/index.html

Code: https://github.com/emilylin-itp/live-web/tree/gh-pages/wk1/self_1_code

Helpful Resources: