Airtime Live Info & Schedule Widget

For those looking for the Airtime Widgets here the download link :?https://s3-eu-west-1.amazonaws.com/h1backup/Downloads/widgets.zip

Widget Installation

Using the widgets is very simple.
1) In the Airtime admin interface, login as an administrator, go to the "Preferences" page, and enable the option "Allow Remote Websites To Access 'Schedule' Info?".
2) Get the widgets from the "widgets" directory in the tarball. (Download the latest from here)
3) Put that directory on your webserver and name it "airtime-widgets".
4) In order to avoid conflicts with other javascript libraries, it is best to put the widgets in an iframe:

<iframe src="/airtime-widgets/airtime-iframe.html" width="300px" height="250px" marginheight="0" marginwidth="0" scrolling="no" frameborder="0">
</iframe>


### Live Info + Today Shows ###( Replace the Bold text with your Airtime URL)

<link rel="stylesheet" href="/airtime-widgets/css/airtime-widgets.css" type="text/css" />
<script src="/airtime-widgets/js/jquery-1.6.1.min.js" type="text/javascript"></script>
<script src="/airtime-widgets/js/jquery-ui-1.8.10.custom.min.js" type="text/javascript"></script>
<script src="/airtime-widgets/js/jquery.showinfo.js" type="text/javascript"></script>

<script>
$(document).ready(function() {
$("#headerLiveHolder").airtimeLiveInfo({
sourceDomain: "http://airtime-dev.sourcefabric.org/",
text: {onAirNow:"On Air Now", offline:"Offline", current:"Current", next:"Next"},
updatePeriod: 20 //seconds
});
});
</script>
<div id="headerLiveHolder" style="border: 1px solid #999999; padding: 10px;"></div>

<script>
$(document).ready(function() {
$("#onAirToday").airtimeShowSchedule({
sourceDomain: "http://airtime-dev.sourcefabric.org/",
text: {onAirToday:"On air today"},
updatePeriod: 5 //seconds
});
});
</script>
<div id="onAirToday" style="margin-top: 10px"></div>


### Weekly Schedule ###( Replace the Bold text with your Airtime URL)

<script>?
$(document).ready(function() {
$("#scheduleTabs").airtimeWeekSchedule({
sourceDomain:"http://airtime-dev.sourcefabric.org/",
dowText:{monday:"Monday", tuesday:"Tuesday", wednesday:"Wednesday", thursday:"Thursday", friday:"Friday", saturday:"Saturday", sunday:"Sunday"},
miscText:{time:"Time", programName:"Program Name", details:"Details", readMore:"Read More"},
updatePeriod: 600 //seconds
});
var d = new Date().getDay();
$('#scheduleTabs').tabs({selected: d === 0 ? 6 : d-1, fx: { opacity: 'toggle' }});
});
</script>
<div id="scheduleTabs" class="ui-tabs"></div>

  • 1 Users Found This Useful
Was this answer helpful?

Related Articles

I can't see my stats on Airtime what should I do?

n order to see your stats you should have the admin details entered wheter for your icecast or...

Any good broadcasting software?

If you are a DJ you will definitely?love ?Mixxx which is supported by Airtime. Download for free...

How to live broadcast in Airtime

Please see video tutorial:https://www.youtube.com/watch?v=GB_86dy-n30&feature=youtu.be

How to Set Up Airtime Radio Automation Software

Please watch our tutorial:https://www.youtube.com/watch?v=o3bE4e5lJEY&feature=youtu.be

Schedule Shows in Airtime

You can watch the tutorial here:https://www.youtube.com/watch?v=Jn3OdwsPQBU&feature=youtu.be