Cacophony

An interactive video player in HTML5 and Javascript.

Cacophony is a tool for creating and viewing interactive videos, especially
music videos, using HTML5 and Javascript. Interactive elements
include visuals/story adapting in response to user input as
text, mouse movement, drawings, and choices (choose-your-own-adventure).

Input from the viewer can affect the subsequent video, and also
be sent to a server for integration with other web applications
(social networking, sharing, geotagging), which is possible
because effects are rendered on-the-fly in the browser, not
pre-rendered like traditional video. Input can also come from
external sources (RSS, JSON), so you can integrate external
data, or previously generated data, back into subsequent
views of the video.

New effects can be written in Javascript, and several frameworks
are already integrated into existing effects, including:

Tutorials

API Documentation

Compatibility

Cacophony is compatible with the following browsers:

Firefox 3.6+

Safari 5+

Google Chrome 7+

Opera 10.6+

Internet Explorer 9

Internet Explorer 6, 7, 8 through the Google Chrome Frame plugin

The core player is also compatible with iOS 4.2+ devices, however some
effects will render videos unplayable on current iOS devices (iPhone 4G,
original iPad). As such, iOS support is disabled by default, but can be
enabled in your settings.js file with the following setting change: