Embedding Rich Media (ERM) is a technique of publishing multimedia (animation, audio and video) in web. The most prevailing method of web-publishing is applying plugin technology such as Adobe Flash, Apple QuickTime, Sun Java, or Microsoft Silverlight, using object element, or embed element, or combination of the two.
Contents
Plugin
Plugins are shared libraries that users can install to see the content whereas the application itself can't display naively. For example, the Adobe Reader plugin lets the user open PDF files directly inside the browser, and the QuickTime and RealPlayer plugins are used to play special format videos in a web page. Plugins can be written using Netscape Plugin Application Programming Interface (NPAPI), the cross-browser API for plugins. The main source of documentation for NPAPI is the Gecko Plugin API Reference. The npruntime makes the plugin scriptable in web pages. Plugins also can be written using C APIs (usually in C or C++) or these may be built on a plugin framework such as Firebreath, JUCE, or QtBrowserPlugin.
Benefits
The benefits of a plugin based system are
Drawbacks
Designing a good plugin environment goes with designing a good library. If both the environment and the plugins are designed by same developer, the developer can update all the plugins as the environment evolves. But if the plugin API is open to all, it requires careful planning and execution to get the design right to avoid too many plugin rewrites as the environment evolves. Plugins are required to be periodically downloaded and updated for browsing the web. Developers need maintain the plug-ins continuously in the process of releasing, updating, or discontinuing. Search engines, screen readers, mobile devices experience difficulty in accessing encapsulated contents in plugins. Content delivery is highly dependent on the support of plugin developers.
Embedding Rich Media using HTML5
The simple, accessible and forward-biased – video, audio, and canvas elements introduced by HTML5 specification provide a standardized embedding system of rich media. It resolves almost all complicacies of plugin technologies using video, audio and canvas markup elements.
Video
The HTML5 video element allows embedding video content in a web page.</video> e.g., <video src=”mymovie.ogg” ”>
Audio
The HTML5 video element embeds audio content in a web page. e.g., <audio src=”mymusic.wav”></audio> Native JavaScript API controls playback for both video and audio elements.
Canvas
The HTML5 canvas element delivers interactive chart, animated feature graphics in a web page. All three elements support the placement markup within tags and even can provide instruction to the users how the media can be accessed if the browser doesn’t support HTML5.