Deezer Player Widget

Embed a Deezer player in your website to share your favorite music

Create your widget

1. Pick the Deezer music you want to play in your website: Playlist

Album

Tracks

Podcast

Episodes

Mix

Artist

Charts Playlist ID: Search album: DISPLAY Album ID: Tracks ID: Podcast ID: Episodes ID: Mix: Search artist DISPLAY Artist ID: Chart: 2. Choose your options: If you need some reporting & tracking, create a new application to have a complete resume of your audience.



Format

Size Width px

Height px

The widget is responsive, these values will be updated according to the size of the container Custom Show playlist Autoplay

Hexa color

Theme

3. Get the code:

Copy and paste this code on your website IFRAME

HTML5 <iframe id="dzplayer" dztype="dzplayer" src="http://developers.deezer.com/us/plugins/player?playlist=true&width=700&height=240&autoplay=false&type=playlist&id=30595446" scrolling="no" frameborder="0" style="border:none; overflow:hidden;" width="700" height="240" allowTransparency="true"></iframe>

FAQ

30 seconds or Full tracks: what are the rules?

You can refer to our content access rules below. Users have be to logged in with Deezer to benefit from music on demand.

Web Features Unlogged users Freemium users Premium+ users Radio* / SmartRadio** Full Track / unlimited Full Track / unlimited Full Track / unlimited Music on Demand 30s. extract Full Track / Ads Full Track / Unlimited

Mobile Features Unlogged users Freemium users Premium+ users Radio* / SmartRadio** 30s. extract 30s. extract 30s. extract Music on Demand 30s. extract 30s. extract 30s. extract

Due to Flash restrictions on mobile, only 30 seconds previews can be provided.

How can I know how many times a song has been played from my widget?

To get insights about your player widget, it has to be related to an Application ID so that we’re able to know where the data is coming from.

You can create your Application ID by following these steps:

Go to http://developers.deezer.com Login with your Deezer credentials Go to “My Apps” Click on “Create my application” Fill in the form with basic information about your widget

What’s the difference between a playlist and a radio ?

Playlists and radios are both sets of tracks you can listen to thanks to the Deezer player. Radios have to comply with DMCA rules:

5 track skips per hour (skips = pressing the next button to change the current track),

no interaction = no change in the track order,

limited number of tracks from a same artist, etc.

Is there a way to provide full-track access to my playlist without prompting users to log in?

As in real life, you don’t choose what’s on a radio at a specific time.On the contrary, you can listen to the tracks you want with a playlist, in the order you like.However, since rights management rules do not apply the same way on playlists and radios, users have to be logged in as Deezer Premium+ users to be able to listen to full-tracks in a playlist. If not, they’ll be limited to 30 seconds previews.

No. The only way to have full-track access for anyone is to use a radio.

How can I create a radio channel or a playlist?

To create your own radio, please contact the ad sales team at advertising@deezer.com. They’ll evaluate the cost and you’ll be able send them the set of tracks you want or a playlist ID they’ll convert to a radio.

To create a playlist, you can:

use the Deezer API. With the API, you can programmatically create, update (or rename), reorder, add/remove tracks to a playlist (http://developers.deezer.com/api/actions-post)

do it manually on www.deezer.com.

What are the different layout types?

The widget is responsive, it adapts to the container it belongs to. Depending on the space available, there are three options:

Layout Default Sizes Dimensions Settings square small 80 pixels No waveform, no playlist available medium from 200 pixels to 400 pixels No waveform big from 400 pixels to the size of the container classic small from 200 pixels to 350 pixels No waveform medium from 350 pixels to the size of the container

Settings

In addition to the settings above, you can also change the following: