PopcornJS

It wraps the 'video' tag and provides a simple API for synchronizing interactive content.

Popcorn.js utilizes the native HTMLVideoElement properties, methods and events, normalizes them into an easy to learn API, and provides a plugin system for community contributed interactions.

Popcorn also offers a plugin factory.

Features:

• Maintains a reference to the original HTMLVideoElement.
• Provides a normalized interface to the < video > elements native methods and properties.
• Adds a special data property which contains meta data.

What is new in this release:

• Update QUnit
• Get Popcorn & Plugins on a CDN
• Create an Rdio plugin plugin starters
• Allow content to remain after ended
• Popcorn.youtube() should fire: loaded, loadeddata, canplaythrough
• Make Popcorn.js work in IE9
• Core unit test times out in FF 3.6
• Core unit test failing in FF 3.6
• p/Popcorn.removePlayer function
• GML tests failing in Opera
• Safari subtitle tests timeout
• Popcorn.youtube should dispatch ended
• Image tests fail in Opera on OSX 10.7.1
• preload=none and p.play causes video to be unplayable in chrome no tags
• Manifests could benifit from a flag for optional usage
• Protected Names unit test doesn't fail, instead hangs
• Popcorn.player needs to be added to list of functions for archaic browsers
• Defaults don't apply if automatic function is used instead of setup
• YouTube player automatically starts playing the video
• Documentation with jsFiddle's in them auto-focus and play
• Document Popcorn.plugin.errors
• Subtitles broken with youtube when using default size
• Parser tests can all be updgraded
• Refactor getItem()
• Fix Player Events
• YouTube error event test is inherently broken
• Safari 5.1.2 on Windows 7: Plugin in/out alias tests hang
• Image plugin test not finishing
• IE9 Lower Third Plugin fails unit tests
• IE9 Mustache Plugin fails unit tests
• Safari 5.1.2 on Windows 7: Subtitle tests fail
• Build tool is not working no tags

What is new in version v1.0:

• ? #114 Move credits out of the library and into the semantic_demo
• ? #153 secondary and in sync with primary
• Developer Module Pattern 1.0
• Asynchronous script loading
• Transfer Mozilla Wiki documentation to popcornjs.org
• Document testing requirements for new developers
• TTML Subtitles Seemingly broken
• .enable and .disable should force immediate update of displayed tracks
• JavaScript error in main update code if a plugin removes itself
• addTrackEvent needs to run timeUpdate immediately even if media is paused
• End should be called before _teardown when removing a track event
• Plugin Best Practices
• Core Test Suite Style Clean Up
• Analyze current documentation and create plan of attack
• Normalization of Vimeo into Baseplayer
• Break up Popcorn.* Static Methods test block
• Missing Features in Facebook Plugin
• Refactor the VTT parser
• Refactor the SSA parser
• Remove baseplayer from the players folder
• Youtube could benefit from a related videos option
• Vimeo plugins could accept additional player parameters
• Allow user to specify HTTP vs HTTPS protocol
• Lighthouse: Newly created ticket milestone
• Add SMPTE support to all methods that accept "time" arguments
• Youtube plugin defaults to a low volume
• Youtube should default to a visible height and width
• Update link to Chris' repo on http://popcornjs.org/documentation
• Effects is not being pulled into our minified version of Popcorn
• XSS protection for packaged plugins
• Subtitle plugin default text is undefined
• Twitter plugin doesn't work if you pass a string by itself, needs @ or #
• Webpage plugin shouldn't require http:// in the src attribute
• Vimeo player should fire "canplaythrough"
• Youtube player should fire "canplaythrough"
• removePlugin needs to also remove the manifest
• Plugin Compose unit tests fail in some circumstances
• Frame animating popcorn instances continue to run timeupdate after destroyed
• Merge conflict causing regression
• Fix TTML demo
• Fix core style issues
• Cleanup internal refresh function
• Instances using frameAnimation are missing instance.data.timeUpdateFunction
• Vimeo player failing lint
• Fix semantic demo
• Fix twitter demo
• Random Character in timeline-sources.js
• Update Parser Unit test titles from Popcorn 0.3 => Popcorn 1.0
• Update Processing.js plugin URL to 1.3.6
• Cleanup parser demo .html pages
• Ensure Authors is up to date for 1.0

What is new in version v0.9:

• Plugin conventions
• Normalization of YouTube into Baseplayer
• youtube.unit.js tests need reviewing
• Standardize player tests
• Use Popcorn.baseplayer in existing players
• Per frame animation animation
• baseplayer unit tests
• YouTube Player Plugin doesn't work with multiple videos and multiple Popcorn instances
• Make target for linting the core unit tests
• Youtube player unit tests fail on Safari
• GML and Processing plugins no longer need to poll
• Code plugin runs onFrame after onEnd
• Youtube player needs an extra kick when currentTime is set
• Fix whitespace and quotes in plugins folder
• Footnote unit tests fail on Firefox 3.6.20 Mac OS X 10.6.8
• XML Parser Unit Tests Time Out Firefox 3.6.20
• One of the demos is not loading any plugins
• Git merge markers left in test/index.html
• Script loading does not fail gracefully in IE8
• Add webm to Plugin, Parser, etc. tst suites
• timeUpdate function should be able to handle conditions when the video is paused
• Popcorn.timeUpdate code reduction
• Sometimes core position tests fail
• Index Integrity Test Cleanup
• Plugin Meta: Alias in:start & out:end
• Core Meta: Add alias cue:exec
• baseplayer initial pause not working
• Popcorn.getScript can call callback before an onload has fired
• Safely wrap calls to plugin functions in try/catch to prevent crashes
• Remove Setup.globalSize() tests from Popcorn core test suite
• Move automagical data-timeline-source logic to own module
• Implement static and proto .destroy() methods for complete event and instance cleanup
• Remove all instance management code (exception: Popcorn.instances)
• Handle multiple Popcorn instances on same page
• Add Popcorn.version static property
• play( n )/pause( n ) as shorthands to currentTime(n).play()/pause()
• Popcorn.? boolean flag when support is there
• Typo in Facebook plugin
• DRY-out Facebook plugin code
• Relocate Popcorn.sequence submodule to /modules
• Plug-in Factory tests failing in chrome due to currentTime failing to set
• modify Popcorn.protect.natives to protect static and instance methods automatically
• Alias In/Out test causing failing
• basePlayer should update state after a player is ready
• Log Popcorn.errors to console without stopping the experience
• Fix Object.keys reference in core
• Safari - Parsing integrity tests have extra assertion
• Processing plugin test failure
• Timeline unit test failures
• JSON parser unit test failure
• Play pause alias tests in Firefox 3.6 failing
• Object.keys unit test failing
• In keyword in opera causes unit tests to fail

What is new in version v0.8:

• Move all videos to a production server.
• Popcorn could benefit from either suggested default values or extended manifest types.
• Make some popcorn.js tutorials like this.
• Semantic Video Demo page missing header/footer.
• Google Maps Tweening should properly set heading.

What is new in version v0.7:

• Creatd a Processing.js plugin
• Unit tests
• Create debug version of popcorn debug feature
• 0.1 demo effects
• Enable timeline-syncronized HTML printout
• Hard to turn off subtitles
• Lint doesn't check plugins' unit.js files
• Allow plugins to express time in time stamp strings.
• Create "How To Write a Plugin" documentation
• Mustache plugin doesn't check if its script exists mustache
• Creating default end times based on duration can fail
• Allow the python SimpleHTTPServer to work with our unit tests
• Flickr plugin variable undefined
• Flickr plugin: getting images by tags not displaying
• Flickr plugin unit test: extra semi colon
• removePlugin() isn't calling removeTrackEvent, which doesn't call _teardown
• Google feed throwing error
• Wide up unit test time ranges
• Minor optimizations (events)

What is new in version v0.6:

• Live video + twitter mashup
• test/ready.html is not run
• Create a Facebook plugin
• Create a LinkedIn plugin
• Test suite for compressed versions of code
• Subtitles don't move with video
• GML (Graffiti Markup Language) support
• Support Seamless Video Sequencing in Popcorn
• data-timeline-sources labeling operator
• Pausing the video when a link is clicked should be a plugin
• Add ability to toggle commands on/off per instance
• player.offset calculated wrong in Vimeo & YouTube
• Google maps needs a way to animate (tweening) on a path of lat and lngs
• OpenMap plugin breaks when type isn't ROADMAP, SATELLITE, or TERRAIN
• Plugin: Popcornize a Wordriver plugin
• Performance issues with addtrackevent
• All plugins in core should be reviewed for teardown opportunities
• Image plugin placement
• Generate child containers for Vimeo player instances
• baseplayer getBoundingClientRect returning doubles and not whole numbers in chrome
• Youtube plugin misses videos with underscores in their id
• Popcorn.youtube() version type
• popcorn.baseplayer.js references non-existant function
• Popcorn.js should use nodeName instead of tagName
• Fix google maps plugin centering
• Update readme to omit time-sensitive information
• Popcorn.js not passing lint
• Some style cleanup of core
• Sequence submodule needs to be auto initialized by makeile
• gml plugin not being tested on index.html
• Subtitle unit tests #2 and #7 Fail sometimes
• OpenMap plugin fails lint
• Unit test for parserTTXT is failing

What is new in version v0.5:

• Use ISO8601 time formats
• Flickr search by username
• Create: parsers/index.html
• Plugin: lowerthird - missing unit tests
• Plugin: googlenews - missing unit tests
• imagemacro plugin bavcbugs
• googleMap failing on FF 3.6
• Edit plugin documentation
• Problems with the webpage plugin and MediaWiki anchors
• Soundcloud support
• List Butter's Popcorn Dependencies butter dependency
• semantic-video demo on website is broken
• Add support for instance.position()
• Vimeo & YouTube Player Width and Height needs to be re-factored
• Static SWFObject in Vimeo and YouTube
• Lazy load plugin dependencies
• Allow one plugin to inherit from another
• bare-bone timer player
• data-timeline-sources not automatic for
• Lint: Vimeo plugin fails JSLint
• Lint: Youtube plugin fails JSLint
• Popcorn.error() throws a string instead of an Error object
• Minified Release Source Should Retain License Header
• Non-native player bug introduced by #450
• Popcorn.isArray
• Run all core tests from Popcorn API Test Suite
• DRY out repeated options.dataType.toLowerCase() call in Popcorn.xhr
• Update lowerthird and subtitle plugins to use new features
• popcorn.position errors on audio elements
• Not getting expected options object via inheritence
• Add lowerthird and googlenews unit test to index
• Butter tests failing
• Update players to use getBoundingClientRect
• Plugins need an optional _cleanup function, and map plugin needs to use this
• Create Static Popcorn.position()
• Lint: baseplayer lint issues

What is new in version v0.4.1:

• Bug when using subtitle and googlenews together.
• Script load ordering bug.
• googlefeed scriptLoaded bug.

Requirements:

• JavaScript enabled on client side
• HTML5 enabled browser