ginger's thoughts

Video Gallery

October 25, 2011

Test video for audio...

Video page

Elephant's Dream with a track of text descriptions that can function as audio descriptions with the help of a screen reader. It uses aria-live on the cues. Make sure to use the HTML5 player http://www.youtube.com/html5 .

April 8, 2011

Demo of text description read...

Video page

Using WebSRT for a text description in a HTML5 browser.

February 5, 2011

Linux.conf.au 2011: The Latest...

Video page

I gave a talk at LCA 2011 in Brisbane about some of the things that I have learnt and code I have developed during writing my book, see http://www.amazon.com/Definitive-Guide-HTML5-Video/dp/1430230908/ . The talk announcement: The new HTML 5 specification continues to change - a particularly large number of changes are still happening for audio and video. Not just that we were provided with a new open codec format called WebM which didn't really change any functionality, but may eventually lead to a common baseline codec. But just in July 2010 features for accessibility and a new caption format called WebSRT have been introduced. Also, a new video API is being discussed that will expose analytics about the video performance, e.g. the number of dropped frames, the download rate, and the playback rate. Lastly, a audio data API is proposed that allows the programmer to access raw audio data and do cool thing such as frequency analysis. I will provide a brief introduction to the new HTML5 video and audio elements, their JavaScript API and already standardized and available functionality in modern Web Browsers, such as pixel manipulation through the Canvas or the application of SVG filters to videos. Then I will show some cool demos of what will be possible once the newer features are standardized and rolled out. This talk will contain lots of "bling", i.e. lots of visual and aural demonstrations, but there will also be technical content at the level required by more or less hard-core Web developers. Do not expect a kernel talk from this though. For slides see: http://blog.gingertech.net/2011/01/27/html5-video-presentations-at-lca-2011/ Creative Commons licensed http://creativecommons.org/licenses/by-sa/3.0/ by Linux Australia

July 8, 2010

Media Fragment URI Demo

Video page

Demonstration of a Firefox Plugin developed by Jakub Sendor to show how Media Fragment URIs can be implemented. Media Fragment URIs are being specified at http://www.w3.org/TR/media-frags/ in a W3C technical report.

April 5, 2010

Screencast of Subtitles from Ogg...

Video page

This is a screencast of a first demo implementation of caption/subtitle support in Firefox where captions are stored in a Kate stream in Ogg video. This is a demo for HTML5 media accessibility.

March 11, 2010

Elephants Dream with audio...

Video page

This video demonstrates an Ogg file of Elephants Dream with an additional audio track containing audio descriptions and an additional text track containing captions. The software being used to play it back is part of liboggplay.

October 9, 2009

Doug Schepers: W3C and Twitter...

Video page

Doug Schepers of the W3C gave an overview talk about W3C and Web standards at the Web Directions South 2009 conference in Sydney, Australia, see http://south09.webdirections.org/program/w3ctrack#the-w3c-and-web-standards-big-picture . This is a short extract from his talk, where he announces that Twitter has bought the W3C. Awesomeness warning! Doug sent me a transcript: (Can you hear me all right?) So, I just wanted to introduce you to W3C, and to do so, I have some exciting information: W3C has been acquired by Twitter. We're really excited about this... there are... there are a couple of complications. All of our specifications are now going to have to be 140 characters or less. But we think this will actually speed up our time to market. I'd like to introduce 2 new specifications: here is HTML5 and CSS3. So, we've cut out everything except the essential bits: border-radius will now let you have rounded corners... so, um, congratulations. And we expect that these will be implemented very quickly. Here's the text of that slide: (W3C logo in Twitter font) W3C has been acquired by Twitter. Now, all specifications will be 140 characters or less: * @w3c HTML5:h1-6,p,li,div,video,audi o #rec * @w3c CSS3:font,color,padding,border -radius #rec

October 8, 2009

HTML5 video accessibility

Video page

A 3 min presentation I gave at yesterday's WebJam in Sydney on video accessibility with the HTML5 video element - proposed tags and actual work.

February 23, 2009

Video accessibility for the...

Video page

This is a submission to the W4A 2009 Web accessibility conference (http://www.w4a.info/ ). In the video, we explain the current status of video accessibility on the Web and means forward for HTML5. We propose a solution for associating textual captions with video and explain it on the example of Ogg Kate, SRT and DFXP. We then explain further challenges such as Sign Language, Audio Annotations, and more general types of time-aligned text, e.g. Karaoke, music lyrics, ticker-text, transcripts, or annotations with hyperlinks.

February 22, 2009

Video accessibility for the...

Video page

Higher quality copy: http://www.youtube.com/watch?v=qpbtpeofN3c This is a submission to the W4A 2009 Web accessibility conference (http://www.w4a.info/ ). In the video, we explain the current status of video accessibility on the Web and means forward for HTML5. We propose a solution for associating textual captions with video and explain it on the example of Ogg Kate, SRT and DFXP. We then explain further challenges such as Sign Language, Audio Annotations, and more general types of time-aligned text, e.g. Karaoke, music lyrics, ticker-text, transcripts, or annotations with hyperlinks.

February 22, 2009

Beyond HTML5 Video

Video page

Short 2:30min long video presented as a lightning talk at TPAC 2008 to make a case for making more out of the HTML5 video element. It demonstrates Metavid and its wiki-style editing functionality of transcripts. It further shows the use of the transcript to navigate and search in long-form video. Exposing the structure and content of video to the User Agent and the Server enables video accessibility, content adaptation, and deep search. The video also indicates links to the W3C Media Fragments working group, the W3C Timed Text working group, and the W3C Media Annotations working group.

January 13, 2008

Annodex Web video javascript API...

Video page

This is a demo of the Annodex javascript API created through Shane Stephens' liboggplay. It demonstrates how annotations, video hyperlinks, and video controls are handled in an integrated fashion for a HTML5 video tag.

June 7, 2007

Vquence Player Screencast

Video page

The screencast shows Vquence's flash player in action. It assembles slices of videos from all over the Web. There will be an authoring tool at www.vquence.com

March 14, 2007

Matt Moor

Video page

Matt Moor, Infrastructure Manager Vquence, explains his passion for rolling out Vquence's infrastructure using open source software

March 14, 2007

John Ferlito

Video page

John Ferlito, Director of Engineering at Vquence, explains his passion for open source software and his vision for Vquence.

March 9, 2007

Juan Jose

Video page

Juan Jose, Senior Software Engineer, Vquence, http://www.vquence.com/

March 9, 2007

Julian Frumar

Video page

Julian Frumar, Visual Communications Manager, Vquence, http://www.vquence.com/

March 9, 2007

Chris Gilbey

Video page

Chris Gilbey, CTO of Vquence, explains his vision for Vquence, http://www.vquence.com/

7 Responses to 'Video Gallery'

Subscribe to comments with RSS or TrackBack to 'Video Gallery'.

1. Martin T from BMHQ said,
   
   

   on November 2nd, 2012 at 12:25 pm

   Hey man awesome videos. HTML 5 is a huge step forward in web development and it’s a shame that so many people are behind the times wit this (myself included until recently).

   Some good html5 stuff here for sure.

   Sincerely,
   Martin T from BMHQ

2. helenna said,
   
   

   on January 14th, 2013 at 12:48 pm

   yup, agree to martin. HTML5 is a markup language for structuring and presenting content for the World Wide Web and a core technology of the Internet. HTML5 is the latest version of HTML and XHTML. The HTML standard defines a single language that can be written in HTML and XML.

3. Norman Medina said,
   
   

   on March 4th, 2013 at 5:01 am

   Great looking plugin. I couldn’t get the plugin to read in my youTube user ID. Any suggestions? I would’t be surprised if google+ is changing stuff internally. Thanks in advance.

4. silvia said,
   
   

   on March 4th, 2013 at 5:33 pm

   @Norman what’s your problem with Google+ ? It’s a WordPress plugin, so I am a bit confused…

5. Norman Medina said,
   
   

   on March 4th, 2013 at 9:52 pm

   As a business user, who uses, gmail, youTube, google place, google adwords, they are slowly migrating all their products into working with google+. I was just speculating that youTube was changing things internally, and that was the reason I couldn’t get the plugin to read the video information from youTube. Thanks for taking the time to answer.

6. silvia said,
   
   

   on March 4th, 2013 at 9:54 pm

   It’s possible. Have you merged your YouTube and Google+ accounts?

7. Norman Medina said,
   
   

   on March 4th, 2013 at 10:59 pm

   Yes, they were merged recently. Is there anyway to grab all the necessary information from the youTube channel URL, instead of the google user id? http://www.youtube.com/seasonsofsmiles

Leave a Reply