“In the past, video was in a black box of a player. HTML5 video blows up that box and allows video to be ‘of the web’ and interact with the web.” –Ben Moskowitz of Mozilla.
What is HTML5 & HTML5 Video?
Since 2011 versions of browsers such as Internet Explorer, Firefox, Chrome, Safari, and Opera have all implemented the HTML5 video element to different degrees.
Although Flash video is still used across all these browsers, Apple adopted support for the HTML5 video tag for playing video on their mobile devices running the iOS operating system. This change led to an accelerated global adoption of HTML5 video due to the number of Apple devices in use. For example, video sites such as YouTube, Vimeo, and blip.tv have implemented a degree of experimental support for HTML5 video in the past year. In particular, YouTube currently has a public opt-in trial (link to http://www.youtube.com/html5) for HTML5 video.
A downside to HTML5 video is largely based upon the choice of many Internet users who continue using older browsers such as Internet Explorer 8 (the highest version currently available to users of Windows XP). Due to old browser/unsupported browser factors, portions of the HTML5 specification do not work. In addition, there is also functionality available to broadband Flash application that is not (widely, or at all) supported by the HTML5 video spec.
For information about the other (few) downsides of HTML5:
For more information about the development of Popcorn.js:
Opportunities for Use in Journalism
There are three core opportunities for HTML5 video to advance journalism:
1) Subtitling & Transcription
2) Social & Viral Distribution
3) Video Annotation
Subtitling & Transcription –
HTML5 enables an easy workflow to facilitate crowdsourced translations. A real life example of this is the use of Universal Subtitles, now known as Amara. They currently have a project in journalism with PBS NewsHour. In this particular project called “Open Election 2012 Subtitle Team,” PBS asks users to donate time by creating closed captioning or translations for a list of videos. They hope to make the 2012 election more accessible to Americans with disabilities or who are still learning English.
Social & Viral Distribution –
Mozilla Foundation is currently working with PBS NewsHour and FRONTLINE on several past and upcoming pieces. A web-based documentary not only has a beginning, middle, and end, but it also lets users follow story threads that lead in many directions such as within the “Money, Power & Wall Street” series. Several other examples of their work can be found here.
Video Annotation –
As the Ben Moscowitz quote noted, video annotation helps make video “of the web”. Remember VH1’s Pop-Up Video? Well, NPR’s Pop-Up Politics is just like that, except it uses the “pop-up” capabilities to display fact-checks or relevant statistics. NPR blogger Elise Hu also posted about the more humorous side of using such technology in politics and journalism.
A more common use for video annotation is likely as a set of tools that allow a field reporter to quickly annotate video with basic content type: text & images (future could be map, embedded video, or embedded audio), and then the ability to easily publish the content to web or social media. To make this process even easier, the key would be to develop a couple of basic templates for presentation, along with basic customization. By doing so, Popcorn.js can be used as presentation for breaking news or field news.
ODDI’s Video Annotation Tool Experiment
According to the ODDI Tech Team: “ODDI is currently working on an open source project to create and customize new templates for producers to use with Mozilla’s Popcorn Maker. These templates will focus on encouraging audience engagement and providing real-time contextual information to enhance and extend the value of original USIM video content. The new templates will also offer a tailored approach for USIM video producers allowing them to quickly and simply create these interactive media experiences. Once released, ODDI plans to contribute the new template code back to the open source community for further development and improvements.”
More resources related to HTML5 & HTML5 video:
HTML5 – http://en.wikipedia.org/wiki/HTML5
HTML5 – http://www.html5rocks.com/en/
HTML5 Video – http://html5video.org
HTML5 Video - http://www.longtailvideo.com/html5/
(Thank you to Robert Bole, Adam Martin, and the ODDI Tech Team for their contributions to this post.)
(The foregoing commentary does not constitute endorsement by the US Government, the Broadcasting Board of Governors, VOA, MBN, OCB, RFA, or RFE/RL of the information products or services discussed.)
Latest posts by April Deibert (see all)
- A Snapshot of Journalism Labs: HuffPost Labs - May 21, 2013
- A Snapshot of Journalism Labs: Northwest University Knight Lab - May 14, 2013
- A Snapshot of Journalism Labs: New York Times Research & Development Lab - May 7, 2013
- Optimizing Thumbnails and Metadata on YouTube: An ‘Easy Button’ Guide For Journalists - May 3, 2013
- Part 2 of 2: International Broadcasting in the Era of Social Media - May 2, 2013