Who Is This Article For?

• All users with 'Manage Website' permissions
• Applicable to all themes

Requirements

• The Premium 1.0 Player Skin is a separately licensed SoCast product.
• To purchase this skin, please contact your SoCast Account Manager.
• If you have purchased the skin but do not see the SoCast Player option, please speak to your Account Manager.

Step 1: Add Your Player Stream

1. For instructions on how to add streams, please see: Player Streams.

Step 2: Enable the SoCast Player

1. Navigate to Player > Radio Stream Settings and scroll down to Web Player.
2. From the drop-down menu, select SoCast Player.
   
3. Scroll to the bottom of the page and click Save.

Step 3: Edit the Player Skin

1. After adding your stream and selecting the SoCast Player, you will see an option called Edit Skin on that stream. Click Edit Skin.

Skin Selector

1. Use the skin selector drop-down to select Premium 1.0.

Appearance

1. Select a default font from the drop-down menu.

Player Controls

1. Add a player logo.
   Dimensions: 220px by 50px.
   Format: JPG, PNG, GIF.
   If not provided, the account logo will be used.
2. Set the Player Control Bar Background Color (appears behind player controls).
3. Set the Player Controls Color (used for player control icons).
4. Set the Highlight Color (used for the background color of the 'Just Played' list header and buttons, and for the 'Listen Live' button when 'Radioplayer' is disabled).

Song Display

1. Enable Song Display: Shows the 'Now Playing' song info and artwork below the player controls.
2. Enable Hero Image Animation: Animates the 'Now Playing' song artwork and placeholder images in the hero area.
3. More Songs Link: Links the 'Just Played' list to a page containing the broadcast history widget to show more songs. Pages are configured in Website > Pages.
4. iTunes Affiliate ID: Add your iTunes affiliate ID to earn a percentage of sales if users purchase music via your site. For more information, see the iTunes Affiliate Program.
5. "Now Playing" Placeholder Image:
   Dimensions: 1100px by 400px.
   Format: JPG, PNG, GIF.
   Appears when no song information is available.
6. Placeholder Background Color: Appears behind the placeholder image and when no image is provided.

Content Area

Configure the appearance of content below the player controls, such as activity stream, on air now, weather, event list, contest list, etc. All content layouts are shared between all streams in the account.

1. Add Content Layout: Layouts must be published before they can be selected as the active layout displayed in the player.

Footer

1. Footer Background Color: Sets the background color for your player footer.
2. Footer Text Color: Sets the text color for your player footer.
3. Footer Link Color: Sets the link color for your player footer.

Social Icon Links

1. Facebook Link: Add the URL for your Facebook page.
2. Twitter Link: Add the URL for your Twitter page.
3. SoundCloud Link: Add the URL for your SoundCloud page.
4. YouTube Link: Add the URL for your YouTube page.
5. Vimeo Link: Add the URL for your Vimeo page.
6. Instagram Link: Add the URL for your Instagram account.
7. Snapchat Link: Add the URL for your Snapchat account.
8. iOS Link: Add the URL for your iOS App Store page.
9. Android Link: Add the URL for your Google Play Store page.

Page Background

1. Background Image:
   Max size: 2560px width.
   Format: JPG, PNG, GIF.
   Recommended: Minimum width of 1366px for a non-repeating centered background (player width is 1100px).
2. Background Repeat: Choose whether your player background repeats.
3. Background Alignment: Choose the alignment for your player background.
4. Background Color: Appears behind the page background image and when no image is provided.

Custom HTML

1. Header: This section will be inserted just before the closing </head> tag of the page.
2. Footer: This section will be inserted just before the closing </body> tag of the page.

By following these steps, you can fully customize and launch the Premium 1.0 Player Skin for your SoCast-powered radio station website. For further assistance, please contact your SoCast Account Manager.