Video Articles
-
Record almost everything in the browser with MediaRecorder
The MediaRecorder API lets you record media streams, i.e. moving images and audio. The result of these recordings can be, for example, an OGG file, like the ones you use to listen to music. Browser-wise, we can obtain streams in many ways. Let’s start with something you might be familiar with: we’ll get a stream […]
-
Firefox OS Development: Web Components and Mozilla Brick
In this edition of “Firefox OS: The platform HTML5 deserves” (the previous six videos are published here), Mozilla’s Principal Evangelist Chris Heilmann (@codepo8) grilled Mozilla’s “Senior HTML5 Engineer Angle Bracket Coordinator” Matthew Claypotch (@potch) about the exciting new possibilities of Web Components for Web App developers and how Mozilla’s Brick library, a collection of custom […]
-
experimenting with HTML5 video at the BBC
The BBC has a post up describing an experiment that they have put together that uses HTML5 video that works in Firefox 3.5 and Safari. The demo uses jQuery and drives a simple carousel that shows the current chapter as the video plays. It also shows subtitles as the video plays. One really great, and […]
-
add some ambiance to your videos
Note: this post was originally posted to the silverorange labs blog and was written by Mike Gauthier. Mike and other people at silverorange put this demo together for the 35 days project and we thank them. Also note that the demo below is extremely CPU-intensive. If you’re interested in the effect and you don’t have […]
-
Spirit of Indiana (Jones) – syncing HTML5 Video with Maps
I’ve always been a big fan of the travel/flight sequences in the Indiana Jones movies and judging by the amount of copy attempts on YouTube I am not alone in this. As I don’t own any video editing software I thought it should be possible to create the same effect with web technologies and Google […]
-
New features for HTML5 video playback in Firefox
As explained in this blog post by Jared Wein of the Firefox team there are quite a few new features in Firefox when it comes to playing HTML5 video. As an Aurora user, I am most excited about the option to go full-screen, the ability to overlay video statistics and to save a snapshot of […]
-
Syncing page content with HTML5 video (a different kind of webinar)
If you’ve been around the software industry for a little while, you’ve probably attended at least a few “webinars”, where someone does an online presentation, which you can watch and listen to in real time. You might be able to ask questions via a chat window, and if you’re lucky, the presenter will select your […]
-
Distributed On-the-Fly Image Processing and Open Source at Vimeo
When you think of Vimeo, you probably think of video — after all, it’s what we do. However, we also have to handle creation and distribution a lot of images: thumbnails, user portraits, channel headers, and all the various awesome graphics around Vimeo, to name a few. For a very long time, all of this […]
-
Adding captions and subtitles to HTML5 video
This article is also available on MDN. With the introduction of the <video> and <audio> elements to HTML5, we finally have a native way to add video and audio to our websites. We also have a JavaScript API that allows us to interact with this media content in different ways, be it writing our own […]
-
Web Activities – Firefox OS: the platform HTML5 deserves
In the sixth video of our “Firefox OS – the platform HTML5 deserves” series (the previous five videos are published here) we talk about how Web Activities allow you as a developer to access parts of the hardware without having to package your app. Check out the video featuring Chris Heilmann (@codepo8) from Mozilla and […]