Perhaps Google isn't all bad these days! A new open source HTML5 video player is yours for the download. As well as being a good showcase app it is also practically useful.
Perhaps Google isn't all bad these days! A new open source HTML5 video player is yours for the download. As well as being a good showcase app it is also practically useful. It is the architectural core of the new 60 Minutes and RedBull.tv apps available in the Chrome Web Store.
As well as being a basic video player, the app allows the user to add their own content, be it a single episode or a playlist. A Category page also allows the user to build up a catalog of things they would like to watch. The user interface is fairly polished and you can try it out at The Video Player Sample.
You can modify the configuration via the config.json which as you might guess is a JSON format file. Using this you can customise the component without having to dig inside. However, if you hope to use the viewer in your own project the code can be downloaded from Google Code.
Another pleasant surprise is that the documentation is quite good for an open source project. You should be able to figure out how it all works without having to dig too deep into the code.
The key features of the app are (according to the Google Code Blog):
A beautiful video watching experience, including a full screen view
Ability to subscribe to shows, watch episodes, create play lists
Support for multiple video formats depending on what the user’s browser supports (including WebM, Ogg, MP4, and even a Flash fallback)
A Categories page with an overview of the different shows/categories available in the app
Notifications of new episodes (when the app is installed via the Chrome Web Store)
Built in support for sharing to Google+, Twitter and Facebook
To ensure easy customization, all source files, including the Photoshop PSD’s, are included
Notice the third point - it will play the standard formats but what it will play depends on the browser, hence we still need the Flash fallback.
It works well with Chrome and also "modern" browsers. We tested it with Firefox and IE9 and it works perfectly. It can also be downloaded and installed into Chrome from the Chrome Web Store, which also brings with it the ability to subscribe to shows.
This article, first published in February 2013, proved to be our most popular ever. For those who missed or, or who want to be reminded of it, here it is again. Programmers often say that regular expr [ ... ]