I stream with Broadwave to simple html5 Audio button in the header. (Also have a Wimpy player on site, inactive since it's the older flash version) I quit bothering with streaming to WOO ooo a long time ago.. HTML audio is about as simple as it can get:
<div class="fwxnoaarad">
<!-- <audio id="noaaRAD">
<source src='http://xx.xxx.xxx.xxx:88/broadwave.mp3' type='audio/mpeg' />
</audio>
<a id="audioControl" href="#" title="NOAA All Hazards Radio. Frankfort KY 162.5 MHz. IF STREAM STOPS, please refresh the page."><img src="listenB.png" id="playfwx" alt="Listen"/><img src="stopB.png" id="pausefwx" alt="Stop"/></a>
-->
<!--HTML5 AUDIO IS ENCRYPTED BELOW FOR W3C VALIDATION - IGNORES THE HTML5 AUDIO TAGS (invalid for XHTML 1) -->
Now, the above needs controls of some type... mine are below... and it won't "validate" in doctype used on my templates, so it's commented out, and encrypted as similar to simply so page will validate
<script type="text/javascript">
<!--
document.write(unescape("%20%20%20%20%20%20%20%20%3Caudio%20id%3D%22noaaRAD%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Csource%20src%3D%27http%3A//xx.xxx.xxx.xxx%3A88/broadwave.mp3%27%20type%3D%27audio/mpeg%27%20/%3E%0A%20%20%20%20%20%20%20%20%3C/audio%3E%0A%20%20%20%20%20%20%20%20%3Ca%20id%3D%22audioControl%22%20href%3D%22%23%22%20title%3D%22NOAA%20All%20Hazards%20Radio.%20Frankfort%20KY%20162.5%20MHz.%20IF%20STREAM%20STOPS%2C%20please%20refresh%20the%20page.%22%3E%3Cimg%20src%3D%22listenB.png%22%20id%3D%22playfwx%22%20alt%3D%22Listen%22/%3E%3Cimg%20src%3D%22stopB.png%22%20id%3D%22pausefwx%22%20alt%3D%22Stop%22/%3E%3C/a%3E"));
//-->
</script>
Then there's this script that simply switches the 'play / stop" modes... default is 'stop'... visitor can control volume locally:
<script type="text/javascript">
var wxRadioFW = document.getElementById('noaaRAD'),
ctrl = document.getElementById('audioControl'),
playButton = document.getElementById('playfwx'),
pauseButton = document.getElementById('pausefwx');
function toggleButton() {
if (playButton.style.display === 'none') {
playButton.style.display = 'block';
pauseButton.style.display = 'none';
} else {
playButton.style.display = 'none';
pauseButton.style.display = 'block';
}
}
ctrl.onclick = function () {
if (wxRadioFW.paused) {
wxRadioFW.play();
} else {
wxRadioFW.pause();
}
toggleButton();
// Prevent Default Action
return false;
};
</script>
Click my banner below, and look in the header...
Mike