Dancing HTML

About Dancing HTML

Dancing HTML is a website that helps you compose HTML web pages through dancing and speaking. Enable microphone and camera access to start dancing and composing. Review the Dance Move Library below to learn the positions for each HTML element. While you are in the position, anything you say will be the innerHTML of the current element.

If you do not see a video feed below, confirm your camera is enabled and try refreshing the page. Dancing HTML uses TensorFlow.js for pose detection and machine learning and browser APIs for speech recognition. If you are getting poor quality transcripts, try a different browser.

Check out a demonstration in this Mastodon post.

Mic Status

🔇 Not listening

🔒 All video and audio is processed locally. No data leaves your device.

Loading the model...

 

đŸ•ē Dance Move Library
  • h1: both wrists in the top corners
  • h2: both wrists in the top middle
  • h3: both wrists in the bottom middle
  • p: both wrists in the bottom corners
  • ul: both wrists in the left corners
  • ol: both wrists in the right corners
  • li: both wrists in the middle, top and bottom
  • img: right wrist top right corner, left wrist bottom left corner
  • marquee: right wrist bottom right corner, left wrist top left corner

Transcript

Detected Positions
H1
P
Nose
Left Shoulder
Right Shoulder
Right Elbow
Left Elbow
Right Wrist
Left Wrist
Right
Left