Embedded Audio Player - Airtime Development Discussions on Sourcefabric Forum

adrian shephard

Can anyone recommend a simple way of embedding their radio station within an html script ?

We now have a radio-on-berlin.com from one.com and I'm experimenting with trying to put a player on the site,

thanks for any info !

adrian

Daniel James

Hi Adrian,

There is a simple example with code you can download here:

http://sourcefabric.booktype.pro/airtime-25-for-broadcasters/stream-player-for-your-website/

Cheers!

Daniel

dommoir

this:

http://kolber.github.io/audiojs/

incredibly simple.

works 100%

i use it here:

www.realhouseradio.com

enjoy!

adrian shephard

thanks but currently I'm attempting to embed quicktime stream or html5 so the player works also in non flash based devices as well ---

we are using wordpress widget area,

so there's room for simple code that's all,

I've had a flash player working but as i mentioned it doesn't work in apple mobile devices and some android pads…

thanks for any advice !

ade

adrian shephard

Your browser does not support the audio element.

</audio>

this works !

so simple

i'd like to put an auto play in somehow, but it works so far on apple mobil devices as well…

ade

Lisa Forbes

Hi Adrian,

Would you mind sharing if you find a solution? I am also trying to find a player that I can embed in a Wordpress site. I hate the widget I am currently using.

John Chewter

To cover all bases you really need 2 players one for html5 and one not
I stream ogg to html5 and mp3 to the rest - works fine.

adrian shephard

lisa,

here is the code i used - very simple !

and it works on iPhones, i pads

safari..unsure of firefox..

maybe switch off autoplay as for iPad/iphone it seems to kill this anyway, but it still just goes on pause for these...

<source src="http://radioon.out.airtime.pro:8000/radioon_a"

type="audio/mp3" />

Your browser does not support the audio element.

</audio>

adrian shephard

yes we use it in a side widget in wordpress

ade

John Chewter

Note: This will not work in many older versions of browsers and some html5 machines require .ogg

adrian shephard

john,

would you know how to change the text colour for the widget below ?

$(document).ready(function() {
$("#headerLiveHolder").airtimeLiveInfo({
sourceDomain: "http://radioon.airtime.pro",
updatePeriod: 20 //seconds
});

$("#onAirToday").airtimeShowSchedule({
sourceDomain: "http://radioon.airtime.pro",
updatePeriod: 5, //seconds
showLimit: 10
});

$("#scheduleTabs").airtimeWeekSchedule({
sourceDomain:"http://radioon.airtime.pro",

updatePeriod: 600 //seconds
});
var d = new Date().getDay();
$('#scheduleTabs').tabs({selected: d === 0 ? 6 : d-1, fx: { opacity: 'toggle' }});
});

adrian shephard

hmm that didn't work,

well i'm asking how to force change the css font colour,

adrian

Lisa Forbes

Thanks Adrian!

Howdy, Stranger!

Categories

Poll

Top Posters