WebSite X5Help Center

 
Patrick D.
Patrick D.
User

Radio player object  en

Author: Patrick D.
Visited 281, Followers 2, Shared 0  

Hi, i need a radio station web player for x5 website. Not just simple html5 code, but rather a proper websitex5 object that is fully customised.

It should have optional features like:

  • Name: Station Name of your player.

  • Streaming links
  • Current Song Artwork links
  • Output: Bitrate stream rate.

  • Width & Height: Choose the width & height for your player.

  • Choose from:
    Small (Single play button)
    Medium (Wide player with small artwork)
    Large (tall player with larger artwork)

  • Auto Play: Choose whether to start the player on page load.

  • Show Artwork: Choose to show the track artwork. If disabled your station logo will show at all times. 
  • Corners: Players can have rounded or square corners.

  • Social: Options to share your webpage on Twitter, Facebook, or embed the player online.

  • Colours:
    Accent: Player bar colour.
    Main: Background colour of the player.
    Text: Colour of player's text.

Pop Out:

Allows the listener to pop out the player, so it continues playing in a new window.

Thank you

Posted on the
14 ANSWERS
Daniel W.
Daniel W.
User
Best User of the month DEBest User of the month EN

Incomedia probably doesn't offer a radio player object, so take a look at the widgets from external providers, e.g. here

Widget >> https://elfsight.com/radio-player-widget/ (Also free plan with 200 views per month)

----- Example -----

Read more
Posted on the from Daniel W.
Daniel W.
Daniel W.
User
Best User of the month DEBest User of the month EN

In Germany there are likely to be licensing problems with the Radio Player Widget, see

-----

Overview with AI

Yes, there is a risk of GEMA problems when using a radio player widget on German websites, as the integration of web radios is considered “public reproduction” within the meaning of copyright law. If you play music from radio stations, you must comply with copyright regulations and usually license the use.

-----

That's why I would only put links to relevant web radios on my websites in Germany.

Read more
Posted on the from Daniel W.
Daniel W.
Daniel W.
User
Best User of the month DEBest User of the month EN

Another widget for easy integration into the website, see

>> https://www.jotform.com/website-widgets/radio-player-widget/ (5 forms free)

There is a code, this is copied and pasted into the "HTML Code" object in WebSite X5.

The settings are made in the Jotform account.

----- Example of the player -----

Read more
Posted on the from Daniel W.
Patrick D.
Patrick D.
User
Author

Hi Daniel, and thank you for your comments.

I need this object for a radio station in Australia that is an APRA member, and licensed for the global reproduction of music via its website.

The issue with third-party widgets is that we’d be relying on external companies for stable service. If anything were to fail on their end, it could negatively impact our website player. There are also potential SSL and security-related concerns.

WebsiteX5 has a couple of music player options available, but they don’t accept radio streaming links. It may be possible to modify them, but at this stage we know we need our own dedicated streaming radio player object to ensure a more stable, reliable connection and a better user experience.

Read more
Posted on the from Patrick D.
Daniel W.
Daniel W.
User
Best User of the month DEBest User of the month EN

In a few hours theIncomedia employees in Italy will be online and can say whether such a player is at least being planned or whether no such player is to be expected in the foreseeable future.

A programmer could create a player like this and also a small CMS to change the settings online in the browser. Unfortunately, I'm not a programmer.

Is there a link to access one of the desired radio streams in the browser?

Maybe the users of WebSite X5 here in the community could create something simple but useful without much programming knowledge.

Read more
Posted on the from Daniel W.
Miguel Galarza
Miguel Galarza
User

Hi Patrick:
Let's see... the radio station I maintain operates like this:
1) It has a license for royalty payments, in this case, Live 365, which provides a player with the features you mentioned.

2) The program used for broadcasting is SamBroadcaster Cloud, which also provides a player with the features you mentioned.
These players are integrated into the website using the code they provide (you can change the colors), but they give you the links to where the music or live streams will be heard.
They integrate with TuneIn Radio and you can add them to personal assistants like Alexa, etc.

Live 365 has a limitation: it only operates in the UK, USA, Canada, and Mexico. However, it gives you the option to create a separate player so it can be heard in other regions. I created this player with the basics so the signal can be heard, but it DOES NOT display album art, titles, etc.

If you want a player with all those features, you'll have to hire a software developer to create a custom one. Or you can purchase one from a third party that specializes in this (this would be the most economical option since they even offer a mobile app).

The internet is always prone to outages, from a website server update to a PHP change that disconnects the signal. There's never a 100% guarantee.

I also manually modified the "Audio Player" object in wsx5 to embed the two links (from SamBroadcaster and Live 365), but it only allows you to listen to the internet stream; it doesn't display the album art, title, or anything else.

And if the company Incomdia hasn't modified this object to accept internet links, I highly doubt they'll develop a special player for radio stations... anyway, wsx5 would be a third party developing a player object, and it's prone to outages, like all websites.

Questions: Do they only have a license to stream? So, do you have to create and send all the metadata for the songs that will be broadcast?

Because SAmBroadcaster Cloud takes that data from the songs played and automatically sends it to, in this case, Live 365 so they can distribute the appropriate royalties to each artist or association. The broadcasters are only responsible for ensuring the songs are properly tagged according to the rules established by the license provider: artist name, song title, album, year, and genre. And if there's no cover art included, they search for it in partner stores, primarily Amazon Music, etc.

Regards.

Live 365 current song.

Live 365 History...

Player SAMBroadcaster...

Personal player for listening to the signal only.

Read more
Posted on the from Miguel Galarza
Miguel Galarza
Miguel Galarza
User

Naturally, these players are limited to the basics in terms of design. For more customized designs, I repeat, you will need to hire a software developer.

Read more
Posted on the from Miguel Galarza
Patrick D.
Patrick D.
User
Author

Hi Miguel and thanks for your comments.

This station does not broadcast using Live 365 or the likes and are not interested in utilising 3rd party players because of the reasons stated above. 

It would be good if websiteX5 had a proper radio station website object complete with stream and song data links, or even only just a stream link would be ok.

Thanks

Read more
Posted on the from Patrick D.
Daniel W.
Daniel W.
User
Best User of the month DEBest User of the month EN

Again the question about a stream link and possibly also a song data link so that I and possibly other users could test what would also be possible without a WebSite X5 object.

Read more
Posted on the from Daniel W.
Patrick D.
Patrick D.
User
Author

Hi Daniel. No matter what else we try the problem will always exist when our player is being hosted elsewhere. I have tried many players, many with yearly subscription's that are not reliable at all. I have resorted to using a basic code which is ugly and doesn't have any other features other than a really basic player. 


You are welcome to check it here:

https://www.sarock.com.au

Like this:

<!-- Native HTML5 Radio Player --> <div class="radio-container"> <h3>Live Radio Stream</h3> <audio controls autoplay preload="none"><!-- Replace the URL below with your actual live radio stream URL --><source src="https://yourstreamurl.com" type="audio/mpeg"> Your browser does not support the audio element. </audio> </div>

Read more
Posted on the from Patrick D.
Daniel W.
Daniel W.
User
Best User of the month DEBest User of the month EN

When I click on "Listen" in the menu on the linked website, the page with the player and music list is displayed in a popup.

Here you could display the "Listen" page in WebSite X5 without the "template", then no header with menu or footer would be displayed in the popup.

Maybe instead of the "Listen" menu item, create a "Listen" level with 3 pages, each containing the player and the song list. On these pages, the player and song list could be placed differently and created in different sizes.

Unfortunately, I haven't looked into the topic of "web radio" in more detail yet, so I'm not familiar with the technology behind it.

Read more
Posted on the from Daniel W.
Daniel W.
Daniel W.
User
Best User of the month DEBest User of the month EN

During my test, I discovered that the HTML <audio> element is displayed differently in Firefox than in Chrome and Edge, see screenshots below

Additional effort would have to be made here with special code in order to achieve the same visual result in all 3 browsers.

It would be helpful if Incomedia also allowed streaming URLs for the “Audio and Video” object.

----- Firefox -----

----- Chrome and Edge -----

Read more
Posted on the from Daniel W.
Patrick D.
Patrick D.
User
Author

Yes, if you look at what other internet radio stations are doing (aside from the commercial stations that can afford dedicated software developers), you’ll see that smaller stations tend to face the same kinds of issues. Isn’t that exactly the purpose behind WebsiteX5? To provide the widgets, objects, and tools that deliver the functionality we need, so we can build these websites without any coding experience.

Read more
Posted on the from Patrick D.
Daniel W.
Daniel W.
User
Best User of the month DEBest User of the month EN

Since Incomedia probably won't offer a "Web Radio Player" object, here is the code that I had the AI ​​create, see the file attachment at the end of the post.

The web radio player is displayed visually the same in the 3 browsers, see screenshot below

My test page >> https://findelinks.de/123shop-hosteurope/webradio-player.html

I have attached the code from the AI ​​as a TXT file below.

I've posted all of the AI's code so that it can be tested without WebSite X5, but if you're familiar with it, you can make some shortenings.

In the "HTML Code" object, paste the HTML and JavaScript code in the main window and paste the CSS code under "Advanced" (may have a different name in the English version) so that it is clearer and the color settings are easier to find.

----- Settings with CSS -----

--bg-player: #1e1e24;              /* Background of the player */
--bg-button: #ff5722;               /* Main color of the buttons (e.g. orange) */
--bg-button-hover: #e64a19;    /* Button color when hovering over it */
--text-color: #ffffff;                   /* Text and icon color */
--slider track: #44444c;            /* Volume bar background */
--status-live: #4caf50;              /* Color for the live point */

----- 3 different views (offline, online and pause), same view in Firefox, Chrome and Edge -----

Read more
Posted on the from Daniel W.