Use jQM, HTML5, and iOS sdks to build the MusicBrainz application (1)

BKJIA exclusive translation] with the launch of iPad and various Android tablets, magazine-style applications have become extremely popular. The most famous applications include FlipBoard for iOS, Zinio for Android, and Pulse for iOS and Android. There is also a huge demand for tools that provide the magazine typographical function. Popular tools include FlipBoard (imported via RSS/Twitter), OnSwipe, and PugPig. PugPig is an open-source HTML5 typographical platform that allows us to make beautiful newspapers, magazines, and books for iPad, iPhone, and Android platforms. This tutorial uses the PugPig framework plug-in for Xcode 4.2 to create HTML5 magazines.

The design of the Magazine will be based on jQuery Mobile, but another equally outstanding choice is the use of Magazine Grid, an ultra-modern CSS framework. We selected jQuery Mobile in this tutorial because it provides a wide range of window components and outstanding page transfer workflow for Mobile Web applications.

Magazine's content will be sourced from MusicBrainz (Open music Wikipedia ). We will use the jQuery user interface to build an offline HTML page for popular singers. We randomly selected 20 popular singers from SongKick.com.

Introduction to the MusicBrainz API

The MusicBrainz website provides a wide range of music data, including information about singers and the released latest album, as well as complete and detailed information about all the song tracks on each album. It is designed to become an open music Wikipedia. It must do a good job considering Last. fm, javaseshark, Pandora, Echonest and other music service websites use data from MusicBrainz. MusicBrainz provides the data to the community through the following two channels:

• MusicBrainz Database

• MusicBrainz Web Service

We will use the following Web services to provide a wealth of information about singers from MusicBrainz:

• Artist information

• Artist album

• Relationship between singers

Artist Information

In MusicBrainz, the artist information includes the name, birth and death date, nationality, gender, alias, and singer type (single person or band ). For the needs of the application in this article, we use Lady Gaga as an example artist. The MusicBrainz page of Lady Gaga is ghost (other third-party music websites such as Last. fm also need to reference this number ).

As shown in the following screen, the information we follow is basically in the right column (singer information, tags, and external links) and the second tab "Release" (album) described in the next chapter ).

Click to view the chart

Artist album

The artist's release album includes all the albums released by the artist, whether it is a popular single or a band chorus. It also includes release dates, record companies, and even bar codes. Just like before, the album number is unique. This album number can be used to obtain further information from the album, including the audio track list (Song ).

Click to view the chart

Relationship between singers

A singer relationship defines the relationship between a singer and other singers.

Similarly, you can call APIs to obtain similar albums and audio tracks related to albums and audio tracks.

We are interested in the Artist Relation attribute, especially the relationship with the subattribute "Url, it lists the URLs of singers on different social websites and music sites, such as Wikipedia, IMDB, Twitter, MySpace, and Youtube.

After a rough view of the MusicBrainz Web Service API, we can further build our Magazine App.

BKJIA translations are not permitted to be reprinted. For reposted by the media partners, please indicate the source, author, and BKJIA translator !]