From MozillaWiki
Jump to: navigation, search



  • Mix demos with worker threads to show responsive UI.
  • Update Schrep's demo.
  • Do a side-by-side video demo of how it makes things faster.

Private Browsing

  • Need a video demo of Private Browsing and how it works.

Video and Audio

Ideas only at this point. Would love to have a couple of demos that show off what happens when you start mixing video with canvas, svg, etc.

Lyrics Projection Demo

  • Lyrics and chords rendered over a full screen video or image backdrop
  • Local storage to save lyrics and chords to your computer
  • Rot 90 for displaying lyrics in a rotated wide screen monitor
  • Horizontal flip for back projection
  • Ability to distribute audio with song lyrics and chords

Song Server

Space Shuttle Demo

Take a video of the space shuttle taking off. Through each stage of the liftoff, give the countdown with highlights of various parts of the shuttle on top of it. For example, as the boom is pulled away from the top of the main tank, overlay a link that lets you click on it and load information about it. As the countdown gets closer to zero, use highlights to show what happens during the final minute of the countdown. Off the chance for people to click on parts of the shuttle over the video which will pause the video and load information from other locations.

Cool canvas demo - as the shuttle is taking off, show graphs that include rated power, elevation and lateral distance from the launchpad in real time.

Elements include Canvas, Video, SVG, and HTML.

TV Show Demo

Take clips from a popular TV show and tell stories about the various characters. Include clips of telling moments that are loaded when someone clicks on a particular character.


Audio and Video

Worker Threads

Offline Support

Cross-site Scripting

  • Would love to be able to show a mashup of data from twitter, flickr or something else.
    • Suggestion: Can we get data from flickr that gives you photo information? Would be fun to mix with one of the canvas/svg demos.
    • Live twitter stream with updates?


Canvas, SVG + CSS

External Demos

  • Run a contest that asks people to put together cool demos. Could give away t-shirts, bragging rights, etc.


Other Resources

Open web demos on devmo.