зеркало из https://github.com/mozilla/popcorn-js.git
Rewrote readme.md
This commit is contained in:
Родитель
aabd1f6965
Коммит
94f6d3aea6
115
readme.md
115
readme.md
|
@ -1,90 +1,33 @@
|
||||||
Project brief:
|
PopcornJS
|
||||||
|
=============
|
||||||
|
The HTML5 <video> framework
|
||||||
|
|
||||||
Vision
|
Demos
|
||||||
|
------------
|
||||||
|
* Original Mozilla Summit Demo: http://popcornjs.org/demos/semantic_video
|
||||||
|
* Brendan Eich Demo: http://popcornjs.org/demos/brendan_eich (made with butter)
|
||||||
|
|
||||||
BUTTER is a tool for helping non developers generate html5 video pages that use popcorn.js.
|
Overview
|
||||||
|
-------------
|
||||||
|
Popcorn.js is an event system for <video>, with strong syntactic sugar for chaining <video> methods and adding events to the timeline.
|
||||||
|
|
||||||
|
Popcorn is a JavaScript Function that wraps the native <video> element and returns a Popcorn object which;
|
||||||
|
|
||||||
|
1. maintains a reference to the original HTMLVideoElement
|
||||||
|
2. provides a normalized interface to the <video> elements native methods and properties.
|
||||||
|
3. adds a special data property which contains meta data about the <video> (this is where the magic happens)
|
||||||
|
|
||||||
|
By normalizing the native methods, the framework allows developers to write chainable function executions off the returned Popcorn object.
|
||||||
|
|
||||||
|
API
|
||||||
|
-------------
|
||||||
|
We have begun API documentation here: https://gist.github.com/729213#file_popcorn_api.js
|
||||||
|
|
||||||
|
Plugin Factory
|
||||||
|
-------------
|
||||||
|
Popcorn also offers a plugin factory. Popcorn plugins are a way for developers to wrap functionality that responds to a point in a video.
|
||||||
|
|
||||||
|
|
||||||
|
Roadmap
|
||||||
Audience
|
-------------
|
||||||
|
We are working on the 0.3 & 1.0 Roadmaps at http://etherpad.mozilla.com:9000/popcornjs
|
||||||
* Vloggers who use wordpress or tumblr to host their video
|
|
||||||
|
|
||||||
* Vloggers who run their own websites
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Goals
|
|
||||||
|
|
||||||
* Make it easier to use popcorn.js
|
|
||||||
|
|
||||||
* Generate buzz for popcorn among web video geeks who do not program
|
|
||||||
|
|
||||||
* Generate buzz for popcorn among web developers
|
|
||||||
|
|
||||||
* Make butter easy to host (fully clientside html/css/js)
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
User Requirements
|
|
||||||
|
|
||||||
* Video must be hosted somewhere and user must have path to it
|
|
||||||
|
|
||||||
* Video must be h264, ogg/theora, or webm
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Tasks
|
|
||||||
|
|
||||||
* Develop GUI
|
|
||||||
|
|
||||||
* Video finder: An input for selecting a video file to operate on and for selecting multiple formats for fallbacks
|
|
||||||
|
|
||||||
* Timeline interface: A method of synchronizing the current popcorn data being created to a time range.
|
|
||||||
|
|
||||||
* Popcorn data type selector: A selector for which data type the current popcorn data will be: twitter, wikipedia, maps, flickr, attribution, footnotes, webpage
|
|
||||||
|
|
||||||
* Popcorn data organizer: A method for arranging the order of the popcorn data
|
|
||||||
|
|
||||||
* Page data elements: A method for adding video title, and about text to the popcorn page
|
|
||||||
|
|
||||||
* Page tempate selector: A method of choosing how that data will then be layed out in a page, according to a set of pre-defined templates.
|
|
||||||
|
|
||||||
* Output generator: A method for generating the embed code that gathers the HTML/CSS/JS created in the GUI and makes it available for download/embedding.
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
* Develop Templates
|
|
||||||
|
|
||||||
* Full page template
|
|
||||||
|
|
||||||
* Narrow template
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
* Develop Roadmap to Popcorn 1.0
|
|
||||||
|
|
||||||
* Develop Roadmap to Butter 1.0
|
|
||||||
|
|
||||||
* Blog about progress on weblog.bocoup.com
|
|
||||||
|
|
||||||
* Create online resources that CLEARLY explain what popcorn is, what stage it is in, how to use it, and how to get involved
|
|
||||||
|
|
||||||
* Housed at popcornjs.org
|
|
||||||
|
|
||||||
* Path to butter for non devs
|
|
||||||
|
|
||||||
* Path to contributing for devs
|
|
||||||
|
|
||||||
* hosted by github or by wordpress somewhere
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Dependencies
|
|
||||||
|
|
||||||
* popcorn.js hitting 0.2
|
|
||||||
|
|
||||||
* access to popcornjs.org domain registration credentials
|
|
||||||
|
|
||||||
* hosting for popcornjs.org
|
|
||||||
|
|
Загрузка…
Ссылка в новой задаче