You can add a simple radio player to a web page with the browser's built-in audio controls. This example needs no player script, Flash file, or PHP code. Visitors choose when to start listening.
Find the correct stream URL
Use the direct listener stream URL from your VosCast account. Open it separately and confirm that it carries your station before embedding it. A status page, account page, or station landing page is not the same as the audio stream.
For an HTTPS website, use a working HTTPS stream URL. Do not change http to https on an arbitrary port and assume it will work: the server and port must actually support TLS. If your account does not provide a suitable HTTPS listener address, ask support for the correct option before embedding it.
Add the player
Paste this into an HTML block in your page editor. Replace both instances of the example URL with your real HTTPS listener URL. The .invalid hostname is a placeholder and will not play audio.
<p>Listen to our station:</p>
<audio controls preload="none" aria-label="Live radio stream">
<source src="https://stream.example.invalid:8443/stream" type="audio/mpeg">
Your browser does not support this audio player.
</audio>
<p><a href="https://stream.example.invalid:8443/stream">Open the live stream</a></p>
This example assumes an MP3 stream, whose media type is audio/mpeg. Use a media type that matches the actual stream if you broadcast another format. Renaming a URL or changing the type attribute does not convert the audio.
The controls attribute gives visitors the browser's playback controls. preload="none" asks the browser to wait before loading audio; browsers can treat it as a hint. There is deliberately no autoplay attribute. Keep the separate listening link available even when the player is displayed.
Check the published page
- Load the page over HTTPS and press Play yourself.
- Confirm that you hear the correct station, then test Pause and the direct listening link.
- Repeat on the browsers and devices your listeners use, including iPhone/iPad and Android if those audiences matter to your station.
- If you change your stream's mount, port, or format, update the player and test again.
A live stream may not have a fixed duration or a useful seek bar. The built-in controls can look different between browsers. This HTML example does not fetch song titles or provide a custom player design.
If the player stays silent
- Test the direct stream first. If it is offline there, fix the station or source connection before changing the HTML.
- Check HTTPS and the certificate. Browsers can upgrade or block insecure media on secure pages. Use the actual TLS listener port and a valid hostname/certificate.
- Check the format. Browser codec support varies; test your chosen format on real listener devices.
- Check the page editor and browser console. Some editors remove HTML elements, and site security policies can block media from another host. Allow only the stream source your page actually needs.
- Press Play. Browsers restrict automatic sound, so a design that depends on autoplay can fail even when the stream works.
Older Flash player screenshots
These screenshots show the older Flash-based JW Player. They do not match the HTML5 player above.
