Live Web – Self Portrait

My code is LIVE ! You can try out my self portrait at the link. Turn the sound on. Take your time doing the following, because the browser can take a moment to respond to you.

You can:

  • Mouse over media to hear sound.
  • Mouse out to stop sound. Mousing back over restarts the sound file.
  • Click media to change live feed in the background.
  • Drag media to create new shapes.
  • The mouse cursor’s shape changes to a hand to suggest to the user to drag the media.

I used the npm forever package to have this live online without opening up my terminal.

This was a great first assignment. I feel much more comfortable using javascript to manipulate the HTML DOM and CSS.

Here’s a video showing the interactions built into my self portrait.  Turn the sound up high to hear the audio.