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 […]
-
Optimizing JavaScript Performance With Firefox Dev Tools
The Performance tool in Firefox Developer Tools offers a great way to diagnose slow-running JavaScript and provides insight into the general responsiveness and layout performance of your web site. In this video screencast, I’ll go through the process of how to diagnose issues with slow code and how to fix those issues in your code. […]
-
Streaming media on demand with Media Source Extensions
Introducing MSE Media Source Extensions (MSE) is a new addition to the Web APIs available in all major browsers. This API allows for things like adaptive bitrate streaming of video directly in our browser, free of plugins. Where previously we may have used proprietary solutions like RTSP (Real Time Streaming Protocol) and Flash, we can now […]
-
Project Silk
Editor’s Note: An earlier version of this post appeared on Mason Chang’s personal blog. For the past few months, I’ve been working on Project Silk which improves smoothness across the browser. Very much like Project Butter for Android, part of it is finally live on Firefox OS. Silk does three things: Align Painting with hardware […]
-
You can’t go wrong watching JavaScript talks
Late last week, I was collecting suggestions for year-end Hacks blog posts. As she headed out for the winter holidays, apps engineer Soledad Penadés gifted me “a bunch of cool talks I watched this year.” In fact, it’s a curated collection of presentations from JSConf, JSConf EU, and other recent developer conferences. Presenters include notable […]
-
Videos and Firefox OS
Before HTML5 Those were dark times Harry, dark times – Rubeus Hagrid Before HTML5, displaying video on the Web required browser plugins and Flash. Luckily, Firefox OS supports HTML5 video so we don’t need to support these older formats. Video support on the Web Even though modern browsers support HTML5, the video formats they support […]
-
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 […]
-
Building Interactive HTML5 Videos
The HTML5 <video> element makes embedding videos into your site as easy as embedding images. And since all major browsers support <video> since 2011, it’s also the most reliable way to get your moving pictures seen by people. A more recent addition to the HTML5 family is the <track> element. It’s a sub-element of <video>, […]
-
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 […]
-
Inside the Party Bus: Building a Web App with Multiple Live Video Streams + Interactive Graphics
Gearcloud Labs is exploring the use of open technologies to build new kinds of shared video experiences. Party Bus is a demo app that mixes multiple live video streams together with interactive graphics and synchronized audio. We built it using a combination of node.js, WebSockets, WebRTC, WebGL, and Web Audio. This article shares a few […]