You are in: home » ideas » article

dRadio - Deezer radio player

Tags: Deezer music Flash Javascript Opera widgets Google Gadgets

dDradio is a Javascript tool that enables the user to listen to all the Deezer radios. Radio stations can be easily changed through a simple mouse gesture (click and move). It has also been developed as an Opera Widget and a Google Gadget.

Opera Widget

Deezer Radio Opera Widget

Screenshot of the Opera Widget

The Opera widget embeds the official Deezer Flash audio player. It enables the user to choose the player skin colours. The user can store the widget preferences: colours, default radio, autoplay option.

The widget automatically checks for updates every 10 days, by reading the number of the latest version available from the HTML code of the Opera widget web page.

The Deezer Radio Opera widget can be downloaded from the Opera widgets website. Javascript and Adobe Flash are required.

Google Gadget

Deezer Radio Google Gadget

Screenshot of the Google Gadget

The Deezer Radio Google Gadget basically consists of markup code and Javascript inside an iframe (to prevent cross-site scripting threats).

The gadget can be included in a iGoogle page or in any web page. In iGoogle the user can change the gadget preferences anytime, whereas if the gadget is included elsewhere, preferences have to be set before the code is added to the page.

The Deezer Radio Google Gadget can be found on the Google Gadget website. Javascript and Adobe Flash are required.

Pop-up window

The user may find convenient to open the Deezer Radio Player inside a small pop-window, while surfing in the main browser window.
When the user clicks on the pop-up window link, a new window will open and the new Flash player will play the same radio station.

The page loaded in the pop-up window is not dynamically generated, the parameter that identifies which radio station will be loaded is not processed by the server.
Instead the page is a single static page, but the URL address contains a fake GET request (eg: dradio.html?radio=33) that identifies the radio station.
The Javascript code will then extract the identifier of the radio station from the URL address, thus no server-side scripting is needed.

Example of the pop-up window: open radio player.

Show the article divided into multiple pages. Multiple pages

referrers Check incoming links to this article, according to Yahoo!.

|

react Send your reaction to this article by email.

|

bookmark Save this article using an online web2.0 service, the bookmark can be priate or can be shared with the rest of the world.

|

print If Javascript is disabled you'll need to use your browser's control to print this pages.

External links: