The National Film Board of Canada BBB is seeking to create an online video player using HTML5 and JavaScript.

The [http://www.nfb.ca/ National Film Board of Canada] is an agency of the Ministry of Canadian Heritage, and has been using Flash web technology to provide free viewings of their films online since January 2009. Inspired by [[PopcornOpenVideoAPI|Popcorn.js]] they are the BBB is looking to develop a video player using HTML5 and JavaScript. Extending on the basic video capabilities of play/pause/stop/volume, this player will be skinnable for consistent viewing across web browsers, and a large focus will be placed on accessibility in the form of subtitles and screen reader compatibility as well as social networking interaction. Complete information can be seen at the NFBBBB's [http://developer.nfb.ca/trac/web/wiki/NFBHTML5videoplayer developer centre].

Below is a listing of project details copied from the [http://developer.nfb.ca/trac/web/wiki/NFBHTML5videoplayer NFB Developer Centre]. For information on the direction they wish to take the project, see [http://developer.nfb.ca/trac/web/wiki/NFBHTML5videoplayer#PAGEPLAYERINTERACTIONS here].

* Source hidding hiding : Provide the user with an ObjectID in order to hide the real address of the film in order to prevent downloads.

** JSON Serialization and Deserialization for Bookmark objects

** [http://matrix.senecac.on.ca/~kclascon/DPS909/BBB/Demos/demo.html Working demo] * 0.2** TTXT-formatted subtitle support** Text suite framework** Remote retrieval of JSON-formatted chapter data** Simpler library interface** Watermark overlay** Statistics** Recommendations** HTML5 local storage support (experimental)* 0.3** Subtitle toggling** Time In/Out Buttons for setting bookmark times** Popcorn-formatted metadata generation** Drag and drop re-ordering of bookmarks** HTML5 Local storage** Re-factored watermark overlay** Fixed sequential bookmark play bug  {| class="standard-table" border="1"|-|'''Functionality'''|'''Assigned To'''|'''GitHub Branch'''|'''Last Updated'''|'''Blog'''|'''Demo'''|-| TTXT Subtitle Parsing and Loading| Steven| [https://github.com/stevenaw/BBB/tree/TTXTSubs TTXTSubs]| November 10, 2010| [http://sweerdenburg.wordpress.com/2010/11/10/ttxt-subtitling-for-bbb-video-player/ Blog]| [http://matrix.senecac.on.ca/~sweerdenburg/Projects/DPS909/BBB/Demos/demoTTXT.html TTXT Demo]|-| Fix Event Overriding so that Video.js and BBB.js can respond to the same event| Steven| Seems to have resolved.| November 10, 2010| -| [http://matrix.senecac.on.ca/~sweerdenburg/Projects/DPS909/BBB/Demos/demo.html Subtitling and Chapter Control both use timeupdate]|-| Reactor Library for JS Best Practices| Steven| [https://github.com/stevenaw/BBB/tree/RefactorToJSON RefactorToJSON]| November 10, 2010| [http://sweerdenburg.wordpress.com/2010/11/07/javascript-the-nitty-gritty/ Blog]| -|-| Test Suite Framework| Steven| [https://github.com/stevenaw/BBB/tree/testSuite testSuite]| November 10, 2010| [http://sweerdenburg.wordpress.com/2010/11/10/bbbtest-framework-skeleton/ Blog]| [http://matrix.senecac.on.ca/~sweerdenburg/Projects/DPS909/BBB/Tests/test.html Test Demos]|-| Remote Querying of Chapter Information (JSON formatted array)| Steven| [https://github.com/stevenaw/BBB/tree/remoteQuery remoteQuery]| November 13, 2010| [http://sweerdenburg.wordpress.com/2010/11/15/bbb-remote-bookmarks/ Blog]| [http://matrix.senecac.on.ca/~sweerdenburg/Projects/DPS909/BBB/Demos/demo.html Demo]|-| Add HTML5 local storage to BBB.js to simulate storage environment| Kevin| [https://github.com/klasconia/BBB/tree/html5Storage HTML5 storage]| November 14, 2010| WIP - will refactor later| -|-| Watermark overlay| Kevin| [https://github.com/klasconia/BBB/tree/rec Watermark overlay]| November 18, 2010| -| [http://matrix.senecac.on.ca/~kclascon/DPS909/demos/0.2/Demos/recDemo.html Demo]|-| Like Feature| Kevin| -| -| -| -|-| Statistics| Kevin| [https://github.com/klasconia/BBB/tree/rec Statistics]| November 18, 2010| -| [http://matrix.senecac.on.ca/~kclascon/DPS909/demos/0.2/Demos/recDemo.html Demo]|-| Video recommendation| Kevin| [https://github.com/klasconia/BBB/tree/rec Video recommendation]| November 18, 2010| -| [http://matrix.senecac.on.ca/~kclascon/DPS909/demos/0.2/Demos/recDemo.html Demo]|-| [https://github.com/stevenaw/BBB/issues/issue/3 Fix: Need to distinguish subtitles by movie]| Steven| -| -| -| -|-| Internationalization/Settings File| Steven| -| -| -| -|-| Add/remove chapters hooked up to remote data source| Steven| -| -| -| -|-| Toggleable Subtitles (functionality and stats)| Steven| -| -| -| -|-| Keyboard Accessibility| Steven| -| -| -| -|-| Re-factor 0.2 code| Kevin| -| -| -| -|-| Source Hiding| Kevin| -| -| -| -|-| HTML5 Local Storage (integration with storage module)| Kevin| [https://github.com/klasconia/BBB/tree/0.3B HTML5 Local Storage integration]| December 09, 2010| -| |-| Fix sequential order bug| Kevin| [https://github.com/klasconia/BBB/tree/0.3B Sequential Order Bug Resolved]| December 10, 2010| -| [http://matrix.senecac.on.ca/~kclascon/DPS909/demos/0.3B/BBB/Demos/fixedDemo.html Demo]|-| Re-factor watermark overlay| Kevin| [https://github.com/klasconia/BBB/tree/0.3B Watermark Overlay (Re-factored)]| December 13, 2010| -| [http://matrix.senecac.on.ca/~kclascon/DPS909/demos/0.3B/BBB/Demos/fixedDemo.html Demo]|-| Re-factor Drag and Drop Bookmark Ordering| Kevin| [https://github.com/klasconia/BBB/tree/0.3B Drag and Drop Bookmark Ordering (Re-factored)]| December 13, 2010| -| [http://matrix.senecac.on.ca/~kclascon/DPS909/demos/0.3B/BBB/Demos/orderDemo.html Demo]|}

* '''10/22/10''' - Release 0.1 * '''11/16/10''' - Release 0.2* '''12/08/10 & 12/15/10''' - Release 0.3