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.
- 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.
Here’s a video showing the interactions built into my self portrait. Turn the sound up high to hear the audio.