Skip to content
Archive of posts tagged html5

JamendoFM available for Android and FirefoxOS

JamendoFM is now available for Android and Tizen OS.

JamendoFM in Google Play

First I must warn you that JamendoFM is worst kind of Android application. It basically shows all the problems with html5 applications for mobile. It’s slow, and the playback will cut off when the lockscrene activates. I don’t think that there’s a solution for these issues For Android in Phonegap (there are some options for iPhone, but not for Android)

You can download JamendoFM from Google Play at: https://play.google.com/store/apps/details?id=fi.summeli.jamendofm

Continue reading ‘JamendoFM available for Android and FirefoxOS’ »

Porting JamendoFM to FirefoxOS

I just got a new FirefoxOS developer preview phone, so my next step was to make a port for FireFoxOS. It was pretty similar to porting to tizen. I only had to make a manifest file.

Creating the application manifest file

The file’s name is manifest.webapp, and creating it was pretty easy. I justcopy&pasted the example manifest file from firefoxOS tutorials, and change all the relevan fields.

Here’s how my manifest looks like:

{
  "name": "JamendoFM",
  "description": "Jamendo radio client for mobile",
  "launch_path": "/index.html",
  "icons": {
    "60": "/img/icon-60.png",
    "128": "/img/icon-128.png"
  },
  "developer": {
    "name": "Antti",
    "url": "http://summeli.fi"
  },
  "permissions": {
    "audio-channel-content":{"description":"Use the audio channel for the music player"}
 },
  "default_locale": "en"
}

Running JamendoFM under Lockscreen

The coolest thing about Firefox OS is that after settings the permission “audio-channel-content” the app runs music even under the lockscreen. This is not (yet) possible on Tizen, or any other HTML5 frameworks.

jQueryMobile performance

The cool thing is that the jQueryMobile works really well on firefoxOS! The animations are pretty smooth(no where near 60fps though), and there are no artifacts caused by using them, so they’re OK.

Porting JamendoFM to Tizen

At First I created a new jQueryMobile based UI with Tizen SDK. then I simply addecd the source-code from my JamendoFM project into the Tizen project, and voilà, I got JamendoFM running on Tizen Emulator.

The method above got the application running only on Tizen emulator. Running it on the device itself requires correct access policies to the manifest file.

Access Policy in Tizen

To get the JamendoFM running on the real device I had to add the urls that JamendoFM uses into the app manifest file. The url can be added like this:




Getting the app approved to the Tizen Store

The Tizen QA noticed the there currently are some bugs related to the page-transition effects (it’s not a surprise), so I had to remove those.

I had places the transition effects into the radioList items, so I had to remove them.

I also had to make a new circular icon that matches the Tizen design style to get the application approved. The submitting process to Tizen store was pretty fast. I usually got responses from the QA team at the same day when I submitted my application.

Developing a mobile client for Jamendo Radio with jQueryMobile

In this article I’m going to create a jQueryMobile based client for Jamendo Radio.

The JQuery Mobile based UIs can be run on almost every smartphone platform; iOS, Android, Windows Phone, BlackBerry10, Tizen, Firefox OS etc. The development of JQuery Mobile based UIs is very nice, since you can develop them with HTML and JavaScript in a standard desktop browser.

Here’s a short video of JamendoFM running on FirefoxOS.

Getting the API for Jamendo

At first you must register to http://developer.jamendo.com/ to get the API key for creating a client for Jamendo API.

Creating the UI with HTML pages

The first page will be used for listing the radio mixes form Jamendo.com.


JamendoFM

The radio list will be loaded into the radioList-element. The next step is to populate the radioList with jQuery.
The data is loaded with JSONP so the extra parameter &callback=? is added to the end of the requests.
Continue reading ‘Developing a mobile client for Jamendo Radio with jQueryMobile’ »