1,623
edits
Changes
no edit summary
==File types==
* [Required] .swf Flash container ''OR '' .flv Flash video
**.swf must be supported because of our [http://videos.mozilla.org/screencastcontest large pool of .swf screencasts] from the Screencast Contest
**.flv must be supported because not all screencast software can export to .swf. Wordpress (Podpress) includes an open source (php) FLV player that we could use to play .flv files.
* Since screencasts can be very large in terms of screen space, they should not be embedded upon loading of the article. Instead, only a link/icon should be displayed.
**[https://wiki.mozilla.org/images/b/bc/Watch-video.png Mockup of video link]
** Default text of link should be "Watch a video of these instructions"
*** Should be possible to override when embedding a screencast.
* When clicking on the video link, the whole embedded video player (or Flash .swf object) should be displayed, along with links to switch between the Flash or Ogg version of the video, if both exist.
**[https://wiki.mozilla.org/images/e/e5/Video-view.png Mockup of embedded video object]
** See [https://bugzilla.mozilla.org/show_bug.cgi?id=450548#c13 bug 450548 comment 13] for how this is currently implemented for screenshots
* Allow people to provide a url to existing .swf/.ogg files, but always grab that file and store locally
* Show a progress bar using jQuery when uploading a screencast, since the operation can take quite a while to complete.
==Wiki syntax for embedding screencast==
* Simple tag taking file names and size as parameters - TBD (zzxc)
* Example: ''{SCREENCAST(swf=>jing-filename.swf,flv=>flash-video.flv,ogg=theora>video.ogg,label=>Watch a video of these instructions)}Title of video{SCREENCAST}'', where either swf or OR flv is required and ogg is optional.)}* '''Question:''' Do the dimensions have to be known by this plugin, or can that info be extracted from the video itself?** If they have to be known, we need parameters for that too in the plugin.** What about different sizes for different formats? (E.g. the OGG version has different dimensions compared to the SWF version.)* The title of the video can also be a parameter if the above syntax isn't possible (it is just an example; I don't know all limitations of TikiWiki plugin syntax!). So, this works too: ''{SCREENCAST(swf=>jing-filename.swf,flv=>flash-video.flv,ogg=>video.ogg,label=>Watch a video of these instructions,title=>Title of video)}{SCREENCAST}''
=Timeline=
* Server Backend / IT stuff done April 2009
* Implementation / frontend stuff finished May 2009
=Tasks=
* Get server storage up
** video.mozilla.org/sumo? (IT)
** Ensure that SUMO web app can write to this storage folder
* Implement frontend for uploading screencast to wiki article, using jQuery for the progress bar.
** Use similar UI as the screenshot uploader, i.e. after uploading show a thumbnail that can be clicked on to insert the code snippet into the editor.
* Implement {SCREENCAST} TikiWiki plugin that can display/embed a screencast in an article.
** When someone clicks to play a screencast, copy the visual style of [[http://www.mozilla.com/en-US/firefox/video/ the Firefox videos]], but make sure the OGG video is the default format for capable browsers, and embed the OGG file in the same way as the flash file is embedded (i.e. don't do it like they do with just leaving the page altogether to display the raw .ogg file).
