Open main menu

CDOT Wiki β

Changes

BBB

3,977 bytes added, 19:25, 15 December 2010
→‎Releases
== 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.
* Video chaptering
* Video assembly from multiple chapters of multiple videos
 
== 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.g., Seneca and Mozilla), problems encountered, etc.
 
<!-- 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. -->
== Initial Tasks ==
* Chaptering, bookmarking and playlisting features for player
== Releases ==
** 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 ==
 
* '''10/22/10''' - Release 0.1
* '''11/16/10''' - Release 0.2
* '''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. -->
Kclascon
1
edit
Retrieved from "https://wiki.cdot.senecapolytechnic.ca/wiki/Special:MobileDiff/48553...52874"