blog.mozbox.org - shared

How to embed a HTML5 video with youtube

Paul Rouget — Mon, 26 Jul 2010 17:36:00 +0200

Upload a 720p (at least) video to youtube
Wait at least one hour (to have your video encoded in WebM)
Add this code to your page:

<iframe width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0">

That's all. It works with all the browsers (WebM / h264 / Flash).

The HTML5 video tag is used if the visitor use the Youtube HTML5 beta: youtube.com/html5.

Geekwear

Paul Rouget — Wed, 21 Jul 2010 15:03:00 +0200

Some people wear suit at work, some don't :)

My best geekwear: http://www.flickr.com/photos/paulrouget/sets/72157624550497814/

A little Firefox 4 demo: how to "carve" into a
element

Paul Rouget — Fri, 16 Jul 2010 17:13:00 +0200

A little Firefox 4 demo: http://people.mozilla.com/~prouget/... ← how to "carve" into a <div> element (Screencast inside). Inspired by http://drbl.in/29718.

Anthony Ricaud working with Mozilla

Paul Rouget — Fri, 18 Jun 2010 16:10:00 +0200

I'm happy to announce that Anthony Ricaud will be working with me at Mozilla over the next few months from our office in Paris.

Anthony is a web developer and Open Web enthusiast well-known in France as one of the former organizers of Paris-Web. He is also a WebKit contributor.

Specifically, Anthony will be working with me on the Technical Evangelism team as we promote and build out new demos for Firefox 4 and the Open Web platform. He'll also be helping us to better define and understand the needs and wants of Web developers.

Welcome Anthony! Follow him on twitter: @rik24d

Mozilla Add-ons Workshop in London

Paul Rouget — Wed, 26 May 2010 16:20:00 +0200

Mozilla will be hosting a new Mozilla Add-ons Worshop in central London on June 30th. We'll talk about Add-ons, the OpenWeb and Jetpack (see details here).

I'll give a talk about the OpenWeb and how to write an add-on. Nick Nguyen and Justin Scott from the Mozilla Add-ons team, and Myk Melez from Mozilla labs, will be there as well.

The event is free and open to everyone. Just make sure to register: here.

For more information, click here.

Mozilla Hackability: Firefox Nintendo Wiimote driver

Paul Rouget — Wed, 14 Apr 2010 13:18:00 +0200

You may have heard the saying "If you can't open it, it's not yours." Because Firefox is open in so many flavors of Open, you can really say it's totally yours.

Mozilla has been designed with extensibility in mind. It means you can enhance, hack, bend, fix Firefox or websites in infinite ways:

First, it's a FLOSS project. You can read the source code, modify it, and even roll your own version of Firefox.
Additionally, you can write extensions. Extensions and Jetpacks give you a way to do almost anything you want. Change the UI, add new features, fix bugs, or make your life easier as a user.
And finally, you can make websites your own. Through Jetpack, GreaseMonkey, and Stylish you can change a website behavior and/or presentation with a few lines of JavaScript and CSS.

Everybody has his or her own reason to hack Firefox. Mine is usually: "just for fun".

So, "just for fun", and to show how far you can go with the extension mechanism, here is a little useless extension I wrote: a Nintendo Wiimote driver for Firefox.
What does it do? It brings Wiimote events to web content. You can change tabs with a "forehand/backhand" tennis drive and, in your web page, make your elements move using Wiimote events (rotation, g-force, position, etc.). Web pages, of course, do not support this API. But, with another extension, such as a Jetpack or Greasemonkey, you can "hack" a website to add support for the Wiimote.

Let's see what it looks like:

(I know, a Flash Video. GandiBlog doesn't allow the video tag. Ogg/Theora version here)

What I do here is:

Change tabs by moving the Wiimote quickly
Rotate the Firefox logo by rotating the Wiimote
Move a canvas "cross" by moving the Wiimote
Zoom the Firefox logo by moving the Wiimote closer or farther away from myself
Use the Wiimote as a controller with this canvas game , which has been adapted with a Greasemonkey script

Feel free to grab the code and look how a C++ extension works with the Mozilla build system. See the readme for build instructions.

This extension only works for Linux as of now. I probably won't have time to port it to other platforms or to work on it further. But maybe you can :) Feel free to make this code your own and make it work for other OSes.

"Happy hacking" ;)

XulRunner 1.9.2 released

Paul Rouget — Tue, 23 Feb 2010 09:43:00 +0100

XulRunner 1.9.2 (== Firefox 3.6) has been released:

Download
XulRunner Release Notes (more details here)
Gecko SDK

Mozilla vous invite à discuter de l'avenir du web et de Firefox

Paul Rouget — Wed, 17 Feb 2010 17:47:00 +0100

L'équipe Mozilla cherche constamment à se tenir au courant des besoins des développeurs web. Pour cela, on voudrait organiser une rencontre avec quelques développeurs web francophones pour comprendre vos attentes au niveau des standards, de Firefox et du web en général.

Si vous avec une expérience de développement d'applications Web pour mobiles (iPhone, Android, ...) ou que vous avez/voulez exploiter HTML5 dans des sites à large audience, on est particulièrement intéressés.

Si vous êtes intéressés, envoyez moi une courte explication de ce que vous faites dans le web: paul chez mozilla point com.

Quelques détails:

réunion technique (on parlera de code)
pas plus de 15 personnes
réunion sur une journée, probablement en Mars
à Paris
on vous invite à déjeuner/dîner :)

[hackability] 10 random things I can do with my n900

Paul Rouget — Tue, 26 Jan 2010 15:48:00 +0100

If a program has not been ported, I can build it myself
I can use the command line, be root and connect to the device through ssh
I can run Firefox, browse the tabs currently opened in my Firefox Desktop (Weave FTW) and install extensions
I can create my own XulRunner application
I can plug the n900 to a TV or a video projector and use Fennec on a huge screen (You can't image how awesome it is)
You can call me through SIP, Skype or GSM, I won't see the difference (Chris dialed my official Mozilla number (SIP) yesterday, I received it on my n900, like a normal GSM call)
I can have several browsers (Webkit: Midori, Tear; Gecko: MicroB, Firefox; Text: Lynx ⇐ vital)
I can use Vim \o/
I can export my Display through X11 (DISPLAY=desktop:2) or through VNC
I can fix a bug and read the source code (I can hack my phone like I do with my Desktop Linux)

For example, I've build an ARM version of oggfwd and then i'm able to stream the n900 camera to an icecast server.

And you know what? It's legal! /me is looking at you, iPhone users :)

Firefox & XMPP

Paul Rouget — Thu, 26 Nov 2009 15:34:00 +0100

XMPP (aka Jabber) is a super extensible messaging protocol, supporting Push.

Mickaël Rémond (XMPP hacker, developer of eJabberd) wrote with his team a Firefox extension bringing XMPP to Firefox.

What does it mean?

you can talk to your Firefox through your IM client (remotely),
two Firefox can talk (synchronize tabs for example) in real-time :)

Enjoy: OneWeb demonstrates the power of XMPP inside the browser.

It's a proof of concept, imagine how far you can go :)

Feel free to grab the code, it's free!

Dev web, addons dévelopeurs, Mozilla a besoin de votre opinion!

Paul Rouget — Tue, 27 Oct 2009 17:54:00 +0100

(in French, the english article is here: http://hacks.mozilla.org/2009/10/mo...)

Mop mop,

Nous aurions besoin d'un coup de main. Deux à vrai dire. On essaye de faire en sorte que FIrefox déboite, qu'on ait un super moteur de rendu pour le web. On communique donc un maximum avec les développeurs web et d'extensions. On aimerait en savoir plus sur vous. Et c'est là que vous pouvez nous aider:

en remplissant ce sondage
... et en faisant du bruit autour de ce sondage :)

Mon boss, Chris Blizzard, aimerait avoir 5.000 réponses. Si on a 5.000 réponses, mon boss est content. Si mon boss est content, je suis content :)

Bref, je compte sur vous pour faire du bruit (twitter, identica, news par ci, news par là, blog post, ...).

Le lien tout beau tout verbeux et tout sérieux à propos du sondage, ça se passe ici: http://hacks.mozilla.org/2009/10/mo..., et y'a même le contact twitter: @mozhacks.

Faites péter les compteurs ;)

Merci les filles

Vivien Nicolas, super intern

Paul Rouget — Wed, 21 Oct 2009 15:32:00 +0200

Vivien, my intern, is awesome.

Today, his 100th patch has been commited \o/

Vivien is working on the front-end of Fennec.

Join me to congratulate him for his fantastic work.

Thanks Vivien ;)

See his bugs here.

Some new demos

Paul Rouget — Mon, 12 Oct 2009 19:08:00 +0200

I would like to show you 3 new features we have today in Firefox (trunk).

To try this demos, please use a nightly build: http://ftp.mozilla.org/pub/mozilla.....

If you don't, you should follow hacks.mozilla.org. More details are coming. We are also on Twitter: @mozhacks @paulrouget.

Orientation

If your computer has accelerometers, Firefox fires "Orientation" events in the Web content:

                window.addEventListener("MozOrientation", function(e) {
                   /* 3 values: e.x, e.y, e.y */
                }, true)

For more details, see Doug's blog post. Here are the demos:

Firefox Web page moving
Firefox logo moving
a Web page following the computer orientation
Daniel Glazman wrote some demos too. See here.

Orientation works with the latest trunk of Firefox. It works on MacBooks, on Windows on Thinkpad and Linux on Thinkpad (don't forget to modprobe tp_smapi && /etc/init.d/hdapsd start).

On the last MacBook Pro (5.1), the orientation is not computed the right way. We are working on it (but the demos still work, just the computed orientation is the opposite of the real one).

And here is a screencast of Orientation in action (flash version)

WebGL

We talked about WebGL: http://hacks.mozilla.org/category/w....

Here is a demo showing WebGL + CSS3 + SVG: http://people.mozilla.com/~prouget/....

CSS Transition

We now support CSS Transition. Here is a demo including CSS Transition + the video tag: http://people.mozilla.com/~prouget/....

Follow us!

If you want to know more about these demos, please follow hacks.mozilla.org, more details are coming :)

[Mozilla Camp Europe] The Developer Track & Web-Platform Round-Table

Paul Rouget — Wed, 23 Sep 2009 15:00:00 +0200

Brian King and I are in charge of setting up the Developer Track for the Mozilla Camp Europe (see here for more details about the event).

I'm proud to announce that we have at least 14 sessions planned.

Another good news: a Web-platform round-table will take place on Sunday morning.

Here is the current schedule.

Dev Track

Firefox.Next, the future of Firefox
Firefox in Europe
Firebug, web development evolved
Thunderbird 3.0 and beyond
JetPack
Fennec Addons
How to Update Extensions for Thunderbird 3
SeaMonkey 2 - A show-off
KompoZer: enhancing Mozilla Composer
Mozilla Weave - integrating services with the browser
Fennec
Stratified JavaScript - High-level concurrency abstractions for JavaScript
Prism, what it means for Mozilla
Songbird
HTML 5

You can look at the list of sessions (with details and speakers) here.

Web-Platform Round-Table

We want to bring together Web developers (the panel) and Mozilla developers. Vladimir Vukicevic (Firefox developer) is going to lead the discussions. The panel consists of 8 Open Web Gurus, experts in different areas (offline, canvas, geolocation, video, accessibility, ...). And, of course, the audience is welcome to take part in the discussion.

Share with us your real-world uses and success stories of modern web technologies.

What we are looking for (quote from Vladimir):

• We are interested to hear what you think we could be doing better at, in terms of support for current or emerging web standards. Are there existing features in other browsers that you want to take advantage of that we don't support? What about those features is compelling?

• What's missing from the web platform? Where do you want to see us take it? If you could pick one capability to add to the web, what would have the biggest impact on your web app development?

• Of the currently supported standards, what's painful? What would you like to see us focus on improving, whether through enhancement or through change?

If you are looking for more details about the round-table, see here.

Thanks, geonames.org, for opening your web services!

Paul Rouget — Tue, 22 Sep 2009 18:55:00 +0200

Today, I was playing with GeoNames webservices. But something was painful.

As you may know, if you want to do a request from your website to another domain, you have to use some ugly hacks to make your XHR working, due to security concerns.

For some services, this does not make sense, as they want to be reachable from everywhere. You can open your webservices to all or part of the web: HTTP access control.

I've sent an email to the GeoNames team. They've added a new HTTP header:

Access-Control-Allow-Origin: *

And now it works :) I can use my XHR without any ugly hacks.

(Thank you so much Marc).

Some homework for you guys today:

if you are a developer of a webservice, consider allowing Cross-XHR;
if you use a webservice, contact the author, talk to them about that they can open their webservices.

I love the web

Paul Rouget — Tue, 22 Sep 2009 17:34:00 +0200

... because it's open, hackable, and above everything, super exciting ;)

Do you love the web too? If so:

Download the posters at www.mozilla.org/onewebday
Put your poster up at a prominent place, then take a picture of it
Upload and tag as #owdposter (on flickr.com, twitter or identi.ca)
Enter the contest (Mozilla laptop bags to be won!)

Celebrate the awesomeness of the web

Prague DevDay 2009 - Friday, October 2nd, 2009

Paul Rouget — Fri, 18 Sep 2009 15:53:00 +0200

If you are a web enthusiast, and if you don't live too far from Prague, you have to join us at the Prague DevDay :)

We are going to talk about Mozilla Addons, the OpenWeb, Firefox, Fennec (Firefox for mobile), labs... and so many cool stuff. We are also panning to have a Mozilla Labs Hack session.

Mozilla is organizing an informal developer-oriented conference in Prague, Czech Republic on October 2nd, 2009. The Mozilla DevDay will be an opportunity for developers, open source enthusiats and web aficionados who live in and around Prague, to meet Mozilla staff and learn about the Mozilla Project and its technologies

More details just right here.

The event is free and open to the general public.

See you there dear hackers ;)

Your HTML5 story

Paul Rouget — Tue, 01 Sep 2009 11:51:00 +0200

If you're from Europe and use HTML5 in your web app, please contact me. I want to hear your story. My email address is paul at mozilla com.

Save the date! Sofia (Bulgaria) DevGarage - Nov. 7-8, 2009

Paul Rouget — Mon, 24 Aug 2009 12:36:00 +0200

Sofia DevGarage is a Mozilla Add-ons Workshop organized by the community.

Sofia DevGarage will be the first development garage in Sofia. If you want to learn more about the following topics:

* What is the architecture of Mozilla Firefox and Mozilla Thunderbird;

* How and why to start writing extensions for Firefox and Thunderbird;

* and to write your first add-on during the event

More details: english, bulgarian.

Extend Firefox Contest - Hack & Be Creative

Paul Rouget — Thu, 06 Aug 2009 17:27:00 +0200

Do you know how to write addons?

Ready to make the next great web experience?

Take part in the Extend Firefox Contest!

Firefox has been developed with hackabilty in mind. It means you can add new cool features and change all the existing mechanisms. You can create your own rules, upgrade the User Experience and adapt Firefox or websites to your own needs.

Everything is possible with add-ons.

Extend Firefox 3.5 is open and runs through October 2nd, 2009.

More details:

Be creative, hack!