Articles on: Html5 Pro Player V3

PRO HTML5 Player streaming url Setup

Login to Your Control Panel: Navigate to your control panel provided by YesStreaming.

Create a Player: Once logged in, locate the option to create a new player. This may be found under a "Players" or "Streaming Players" section, depending on the layout of your control panel.

Configure Streaming Link:

In the settings for your newly created player, find the field for the streaming link.
Enter your streaming URL and port. For example, if your listen link is https://s3.yesstreaming.net:9000/Stream, you only need to add https://s3.yesstreaming.net:9000.
Add Mount Point:

After adding the streaming URL and port, locate the field for the mount point.
Enter your mount point here. For example, if your mount point is stream, do not add a / before it. Simply enter stream into the field.

config player




Style Selection:

Navigate to the player settings and select your desired player style from the available options.

Static Titles:

If enabled, the player will only display the station name and slogan. No album art or metadata will be shown.

Station Name:
Enter your station's name in this field.

Slogan:
Input your station's slogan or tagline here.

Embedded Artwork:

This setting is crucial for displaying album art from your radio panel. By default, it is often turned off. do not on this if you dont know what you are doing
If you want to display album art from your MP3 files, you'll need to enable this setting.
Ensure you have the correct API settings configured and the control panel name set correctly at the top.

AutoPlay:
It's recommended to set this to OFF. Many modern browsers no longer support autoplay, and on mobile devices, autoplay might not work as expected.
With autoplay off, users will need to manually start playback, which can provide a better user experience.

Color Settings:
Customize the color scheme of the player to match your branding or website design.
Adjust settings for elements like background color, text color, button color, etc., to create a cohesive look.
By understanding and configuring these settings according to your preferences and requirements, you can effectively set up the Pro player to enhance the streaming experience for your audience.

Updated on: 29/02/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!