• Login
  • Plugins
  • API
  • SDKs
    • SDK web
    • Javascript
    • SDK mobile
    • iOS
    • Android
  • Guidelines
  • Introduction
  • Plugins
  • Widget Player

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
    Classic

    Square
    Size
    Width px

    Height px

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

    Hexa color

    Theme

3. Get the code:

Copy and paste this code on your website

  • IFRAME
  • HTML5

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:

  1. Go to http://developers.deezer.com
  2. Login with your Deezer credentials
  3. Go to “My Apps”
  4. Click on “Create my application”
  5. 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.
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.


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

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:

Setting Description Default
playlist Displays the playlist or not. Can be either "true" or "false". false
width The width of the widget 600
height The height of the widget 200
autoplay Plays automatically the music after loading. Can be either "true" or "false". false
type The type of music you want to play. Can be "playlist", "album", "tracks", "charts or "favorites". playlist
format The layout format of the widget. Can be either "square" or "classic". classic
size The layout size of the widget. Can be "small", "medium" or "big" according to the format and the size. medium
layout The general layout of the widget. Can be either "light" or "dark". dark
app_id Your app ID if you want some reporting & tracking 1
color The general color of the widget. Has to be a hexadecimal value without the # 007FEB
emptyPlayer Displays or not the widget. Can be either "true" or "false". false

Back to top

Follow @deezer

Terms of use
Contact & Support