Tuesday 15 February 2011

The cross-browser challenge

Web standards have been growing fast thanks to the World Wide Web Consotrium and the community around it. It's amazing to see what a browser can do with a few lines of html and javascript. But.. What if you need to deliver a new feature to users and you can't implement it using current web standards ?

This often means you will have to develop your own "browser plugin" using native code. What you would like is to have a plugin that runs on every browser, on every operating system, on every hardware architecture.

In order to deliver encrypted RTSP content inside user's browser, WimTV had to face (and is facing) the very same problems. Just like Adobe Flash we had to implement our own piece of software that runs side by side with the browser, rendering contents in a child window.

While there are a lot of browsers available, it's is possible to group them by the rendering engine they use.

- Webkit: Chrome, Safari, Android Mobile Browser, many others
- Gecko: Firefox, Camino
- Trident: Internet Explorer, other Microsoft products

Luckly most Webkit and Gecko browsers implement NPAPI for their plugins.

NPAPI is a cross-platform plugin architecture that was introduced by Netscape and then received many contributions by Mozilla and Google. Basically it defines a set of APIs that must be implemented on both browser and plugin side in order for them to interact. Mozilla currently offers the best SDK and documentation to help developers write their plugins using C or C++.

WimTV Browser Plugin uses NPAPI to support Webkit and Gecko powered browsers, and a NPAPI-ACTIVEX wrapper in order to work on Microsoft Internet Explorer.

The wrapper is called PluginHostController. It is opensource and the code is available from Mozilla servers. It consist of an ActiveX plugin written in C++ and implementing some basic funcions of NPAPI. Unfortunately it was written some years ago and it is not maintained. In the meantime NPAPI evolved adding some features we used in our plugin, such as Scriptable APIs allowing Javascript interaction. In order to use it we had to develop the missing parts and then bundle wrapper and plugin inside a cab file.
Davide Bertola

No comments:

Post a Comment