<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>FeedMe</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<!-- Bootstrap -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.css"/>
<link rel="stylesheet" href="bootstrap/css/bootstrap-theme.css"/>
<link rel="stylesheet" href="css/normalize.css"/>
<link rel="stylesheet" href="css/app.css"/>
<!-- Need jQuery to run Javascript class -->
<script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
<!-- DEBUG RSS parsed js object output -->
<script type="text/javascript" src="js/prettyprint.js"></script>
<script type="text/javascript" src="js/feedme-2.0.js"></script>
<script type="text/javascript">
(function($) {
$.fn.player = function() {
var pbutton = function (b) {
var id, icon;
switch (b) {
case 'prev':
id='prev_track';
icon='step-backward';
break;
case 'play':
id='play_track';
icon='play';
break;
case 'pause':
id='pause_track';
icon='pause';
break;
case 'stop':
id='stop_track';
icon='stop';
break;
case 'next':
id='next_track';
icon='step-forward';
break;
}
return '<li><a href="#" id="' + id + '"><span class="glyphicon glyphicon-' + icon + '" aria-hidden="true"></span></a></li>';
};
return this.each(function(){
// $(this).append('<div class="collapse navbar-collapse" >');
$(this).append('<ul class="nav navbar-nav">' + pbutton('prev') + pbutton('play') + pbutton('pause') + pbutton('stop') + pbutton('next') + '</ul>');
// $(this).append('</div>');
});
};
})(jQuery);
</script>
<script type="text/javascript">
jQuery(function ($) {
var feeds = [];
// $('#menu').player();
$.feedRead({
itunes: true, //podcast url
debug: true,
feed_list: '#podcast',
feed: '#playlist',
channel: '#chan_info',
item: '#play_info'
});
});
</script>
<link title="NASA ScienceCasts" href="test.nasa.sci.rss" type="application/rss+xml" rel="alternate" />
<link title="NASACast Video" href="test.nasa.video.rss" type="application/rss+xml" rel="alternate" />
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand " >
FeedMe - Podcast Parser
</a>
<div class="dropdown-menu">
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="menu">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<span class="glyphicon glyphicon-list" aria-hidden="true"></span> Podcasts <span class="caret"></span></a>
<ul class="dropdown-menu" id="podcast">
<li><a href="#">Test</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<span class="glyphicon glyphicon-headphones" aria-hidden="true"></span> Playlist <span class="caret"></span>
</a>
<ul class="dropdown-menu" id="playlist">
<li><a href="#">Nothing Loaded ...</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div class="container-fluid">
<div class="row">
<div id="chan_info" class="col-xs-6 col-md-4"></div>
<div id="play_info" class="col-xs-12 col-sm-6 col-md-8"></div>
</div>
</div>
<nav class="navbar navbar-default navbar-fixed-bottom">
<div class="container" >
<div class="collapse navbar-collapse" id="debug_menu">
<ul class="nav navbar-nav">
</ul>
</div>
</div>
</nav>
</body>
</html>
|
Download
