Christopher Blizzard · two cool things: ogg support in mozilla and canvas for IE

FFmpeg
Image via Wikipedia

This post is mainly for me, but I’ll elaborate and get it working for everyone when I have time. The short of it: I used the ffmpeg2theora converter in Terminal to convert a movie of mine to ogg theora .ogv format. Then I got it to show up (only in Firefox at this time, because they support the HTML 5 video tag) and then I figured out how to add the controls to the movie, as it is sort of useless without a play command. Chris Blizzard is the tech evangelist from Mozilla, so that’s why I have the quote from him and link to his blog.

Why is this important? You can create a video and play it without using any plug-ins or players. My code and explanation is here, but it is just for my computer now. I will make generalized version later. Going downtown to KiKi’s bistro for Bastille Day.

Barbara’s notes to self on video tag and ogg theora video codec:

ffmpeg2theora
1. go to Utilities
2. go to Terminal
3. When terminal is open, type “ffmpeg2theora PATH/FILENAME
4. See example below.
5. The HTML is shown for this to play in Firefox.

Dymaxion:~ biverson$ ffmpeg2theora /Users/biverson/Movies/mvi_0580.avi
Input #0, avi, from ‘/Users/biverson/Movies/mvi_0580.avi’:
Duration: 00:00:07.33, start: 0.000000, bitrate: 7858 kb/s
Stream #0.0: Video: mjpeg, yuvj422p, 640×480, 15 tbr, 15 tbn, 15 tbc
Stream #0.1: Audio: pcm_u8, 11024 Hz, mono, s16, 88 kb/s
Resize: 640×480
0:00:07.33 audio: 29kbps video: 2983kbps, time elapsed: 00:00:17

HTML
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-1″ />
<title>Video with ogg and video tag</title>
</head>

<body>
<p>Hi here is my video without a player:</p>
<p>&nbsp;</p>
<p>&nbsp; </p>

<video src=”/users/biverson/movies/yard08/fish-swim1.ogv” controls=”true”></video>

</body>
</html>

two cool things: ogg support in mozilla and canvas for IE

July 30, 2008 in Firefox, Mozilla, OGG, Open Web, Video | 45 comments

Two cool things coming out at the summit today.

First, Mozilla is committing to include native support for OGG video and audio in its next release that includes support for the video element tag. (Very likely to be Firefox 3.1 if there no huge change in course.) The code landed for ogg support last night. I suspect that the effects of this will take a long while to be felt but it’s a great first step in bringing open video to the web by delivering it to a couple hundred million people around the world.

via Christopher Blizzard · two cool things: ogg support in mozilla and canvas for IE.