Open main menu

CDOT Wiki β

Changes

BBB

4,389 bytes added, 19:25, 15 December 2010
Releases
== NFB HTML 5 Open Video Player ==
The National Film Board of Canada BBB is seeking to create an online video player using HTML5 and JavaScript.
== Project Description ==
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].
== Project Leader(s) ==
* [[User:Kclascon|Kevin Lasconia]]
* [[User:Sweerdenburg|Steven Weerdenburg]]
* [[User:Kclascon|Kevin Lasconia]]
== Project Contributor(s) ==
== Project Details ==
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].
===Core Fuctionality===
* JSON, AMF support to interact with the NFB video management environment.
* Watermark overlay on the video.
* Source hidding hiding : Provide the user with an ObjectID in order to hide the real address of the film in order to prevent downloads.
* Like feature. Within the player, users should have the ability to “like” a film. If the user is log in to the site, this features should populate his profile. If the user is not logged in, then it’s a simple add to build “most liked” film lists.
* Recommendation at 90% of the film: once the film reaches the 90% mark, related films should be suggested with thumbnails, titles and duration. This needs to appear as a layer over the video
* Follow feature: The follow features means the user will be notified every time there is a comment on the film. This should be linked to the user profile, hence the user must be authenticated.
* Google translation: give Give users the ability to get the machine translation from Google based on the subtitles of the film. ===Page & Player Interaction===* Visual bookmarking* Video chaptering* Video assembly from multiple chapters of multiple videos == Releases ==* 0.1** Video chapter creation** Video chapter playback** Sequential video chapter playback** JSON Serialization and Deserialization for Bookmark objects** Dynamic DOM creation (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]|} == Source Code ==* [http://github.com/klasconia/BBB GitHub] - Kevin* [http://github.com/stevenaw/BBB GitHub] - Steven == Lighthouse Account ==* [https://webmademovies.lighthouseapp.com/projects/64427-bbb/overview BBB]
== Project News ==
This is where regular updates will go as well as discussion on the status or your work, interactions with other members of the community (e* '''10/22/10''' - Release 0.g1* '''11/16/10''' - Release 0., Seneca and Mozilla), problems encountered, etc2* '''12/08/10 & 12/15/10''' - Release 0.3
<!-- Put detailed technical information into the Project Details page (i.e., update it as you go), and save this section for news about participation in the project. -->
1
edit