mirror of
https://github.com/Yetangitu/ampache
synced 2025-10-03 09:49:30 +02:00
621 lines
22 KiB
PHP
621 lines
22 KiB
PHP
<?php
|
|
if ($iframed) {
|
|
?>
|
|
<link rel="stylesheet" href="<?php echo AmpConfig::get('web_path'); ?>/templates/jplayer.midnight.black-iframed.css" type="text/css" />
|
|
<?php
|
|
} else {
|
|
?>
|
|
<link rel="stylesheet" href="<?php echo AmpConfig::get('web_path'); ?>/templates/jplayer.midnight.black.css" type="text/css" />
|
|
<?php
|
|
}
|
|
|
|
require_once AmpConfig::get('prefix') . '/templates/stylesheets.inc.php';
|
|
?>
|
|
<link rel="stylesheet" href="<?php echo AmpConfig::get('web_path'); ?>/templates/jquery-editdialog.css" type="text/css" media="screen" />
|
|
<link rel="stylesheet" href="<?php echo AmpConfig::get('web_path'); ?>/modules/jquery-ui/jquery-ui.min.css" type="text/css" media="screen" />
|
|
<script src="<?php echo AmpConfig::get('web_path'); ?>/modules/jquery/jquery.min.js" language="javascript" type="text/javascript"></script>
|
|
<script src="<?php echo AmpConfig::get('web_path'); ?>/modules/jquery-ui/jquery-ui.min.js" language="javascript" type="text/javascript"></script>
|
|
<script src="<?php echo AmpConfig::get('web_path'); ?>/modules/noty/packaged/jquery.noty.packaged.min.js" language="javascript" type="text/javascript"></script>
|
|
<script src="<?php echo AmpConfig::get('web_path'); ?>/modules/jquery/jquery.cookie.js" language="javascript" type="text/javascript"></script>
|
|
<script src="<?php echo AmpConfig::get('web_path'); ?>/modules/jquery-jplayer/jquery.jplayer.min.js" language="javascript" type="text/javascript"></script>
|
|
<script src="<?php echo AmpConfig::get('web_path'); ?>/modules/jquery-jplayer/jplayer.playlist.min.js" language="javascript" type="text/javascript"></script>
|
|
<script src="<?php echo AmpConfig::get('web_path'); ?>/modules/jquery-jplayer/jplayer.playlist.ext.js" language="javascript" type="text/javascript"></script>
|
|
<script src="<?php echo AmpConfig::get('web_path'); ?>/lib/javascript/base.js" language="javascript" type="text/javascript"></script>
|
|
<script src="<?php echo AmpConfig::get('web_path'); ?>/lib/javascript/ajax.js" language="javascript" type="text/javascript"></script>
|
|
<script src="<?php echo AmpConfig::get('web_path'); ?>/lib/javascript/tools.js" language="javascript" type="text/javascript"></script>
|
|
<script type="text/javascript" charset="utf-8">
|
|
var jsAjaxServer = "<?php echo AmpConfig::get('ajax_server') ?>";
|
|
var jsAjaxUrl = "<?php echo AmpConfig::get('ajax_url') ?>";
|
|
|
|
function update_action()
|
|
{
|
|
// Stub
|
|
}
|
|
</script>
|
|
<?php
|
|
if ($iframed) {
|
|
?>
|
|
<script type="text/javascript">
|
|
function NavigateTo(url)
|
|
{
|
|
window.parent.document.getElementById('frame_main').setAttribute('src', url);
|
|
}
|
|
function NotifyOfNewSong()
|
|
{
|
|
window.parent.document.getElementById('frame_main').contentWindow.refresh_slideshow();
|
|
}
|
|
function SwapSlideshow()
|
|
{
|
|
window.parent.document.getElementById('frame_main').contentWindow.swap_slideshow();
|
|
}
|
|
</script>
|
|
<?php
|
|
}
|
|
?>
|
|
<script type="text/javascript">
|
|
// The web player identifier. We currently use current date milliseconds as unique identifier.
|
|
var jpuqid = (new Date()).getMilliseconds();
|
|
var jplaylist = null;
|
|
var timeoffset = 0;
|
|
var last_int_position = 0
|
|
var currentjpitem = null;
|
|
|
|
$(document).ready(function(){
|
|
|
|
if (!isNaN($.cookie('jp_volume'))) {
|
|
var jp_volume = $.cookie('jp_volume');
|
|
} else {
|
|
var jp_volume = 0.80;
|
|
}
|
|
|
|
jplaylist = new jPlayerPlaylist({
|
|
jPlayer: "#jquery_jplayer_1",
|
|
cssSelectorAncestor: "#jp_container_1"
|
|
}, [], {
|
|
playlistOptions: {
|
|
autoPlay: true,
|
|
loopOnPrevious: false,
|
|
shuffleOnLoop: true,
|
|
enableRemoveControls: true,
|
|
displayTime: 'slow',
|
|
addTime: 'fast',
|
|
removeTime: 'fast',
|
|
shuffleTime: 'slow'
|
|
},
|
|
swfPath: "<?php echo AmpConfig::get('web_path'); ?>/modules/jquery-jplayer/",
|
|
audioFullScreen: true,
|
|
smoothPlayBar: true,
|
|
keyEnabled: true,
|
|
solution: "<?php
|
|
$solutions = array();
|
|
if (AmpConfig::get('webplayer_html5')) {
|
|
$solutions[] = 'html';
|
|
}
|
|
if (AmpConfig::get('webplayer_flash')) {
|
|
$solutions[] = 'flash';
|
|
}
|
|
echo implode(',', $solutions);
|
|
?>",
|
|
nativeSupport:true,
|
|
oggSupport: false,
|
|
supplied: "<?php echo implode(", ", WebPlayer::get_supplied_types($playlist)); ?>",
|
|
volume: jp_volume,
|
|
<?php if (!$is_share) { ?>
|
|
size: {
|
|
<?php
|
|
if ($isVideo) {
|
|
if ($iframed) {
|
|
?>
|
|
width: "142px",
|
|
height: "80px",
|
|
<?php
|
|
} else {
|
|
?>
|
|
width: "192px",
|
|
height: "108px",
|
|
<?php
|
|
}
|
|
?>
|
|
cssClass: "jp-video-360p"
|
|
<?php
|
|
} elseif ($isRadio) {
|
|
// No size
|
|
} else {
|
|
if ($iframed) {
|
|
?>
|
|
width: "80px",
|
|
height: "80px",
|
|
<?php
|
|
} else {
|
|
?>
|
|
width: "200px",
|
|
height: "auto",
|
|
<?php
|
|
}
|
|
}
|
|
?>
|
|
}
|
|
<?php } ?>
|
|
});
|
|
|
|
$("#jquery_jplayer_1").bind($.jPlayer.event.play, function (event) {
|
|
var current = jplaylist.current,
|
|
playlist = jplaylist.playlist;
|
|
var pos = $(".jp-playlist-current").position().top + $(".jp-playlist").scrollTop();
|
|
$(".jp-playlist").scrollTop(pos);
|
|
<?php if ($iframed && AmpConfig::get('webplayer_confirmclose')) { ?>
|
|
localStorage.setItem('ampache-current-webplayer', jpuqid);
|
|
<?php } ?>
|
|
|
|
var currenti = $(".jp-playlist li").eq(current);
|
|
$.each(playlist, function (index, obj) {
|
|
if (index == current) {
|
|
if (currentjpitem != currenti) {
|
|
var previousartist = 0;
|
|
if (currentjpitem != null) {
|
|
previousartist = currentjpitem.attr("data-artist_id");
|
|
}
|
|
currentjpitem = currenti;
|
|
<?php if ($iframed) { ?>
|
|
if (previousartist != currentjpitem.attr("data-artist_id")) {
|
|
NotifyOfNewSong();
|
|
}
|
|
<?php } ?>
|
|
}
|
|
if (brkey != '') {
|
|
sendBroadcastMessage('SONG', currenti.attr("data-song_id"));
|
|
}
|
|
<?php
|
|
if (!$isVideo && !$isRadio && !$is_share) {
|
|
if ($iframed) {
|
|
if (AmpConfig::get('sociable')) {
|
|
echo "ajaxPut(jsAjaxUrl + '?page=song&action=shouts&object_type=song&object_id=' + currenti.attr('data-song_id'),'shouts_data');";
|
|
}
|
|
echo "ajaxPut(jsAjaxUrl + '?action=action_buttons&object_type=song&object_id=' + currenti.attr('data-song_id'));";
|
|
echo "var titleobj = (currenti.attr('data-album_id') != null) ? '<a href=\"javascript:NavigateTo(\'" . AmpConfig::get('web_path') . "/albums.php?action=show&album=' + currenti.attr('data-album_id') + '\');\">' + obj.title + '</a>' : obj.title;";
|
|
echo "var artistobj = '<a href=\"javascript:NavigateTo(\'" . AmpConfig::get('web_path') . "/artists.php?action=show&artist=' + currenti.attr('data-artist_id') + '\');\">' + obj.artist + '</a>';";
|
|
echo "var lyricsobj = '<a href=\"javascript:NavigateTo(\'" . AmpConfig::get('web_path') . "/song.php?action=show_lyrics&song_id=' + currenti.attr('data-song_id') + '\');\">" . T_('Show Lyrics') . "</a>';";
|
|
echo "var actionsobj = '|';";
|
|
if (AmpConfig::get('sociable')) {
|
|
echo "actionsobj += ' <a href=\"javascript:NavigateTo(\'" . AmpConfig::get('web_path') . "/shout.php?action=show_add_shout&type=song&id=' + currenti.attr('data-song_id') + '\');\">" . UI::get_icon('comment', T_('Post Shout')) . "</a>';";
|
|
}
|
|
echo "actionsobj += '<div id=\'action_buttons\'></div>';";
|
|
if (AmpConfig::get('waveform')) {
|
|
echo "var waveformobj = '';";
|
|
if (AmpConfig::get('waveform')) {
|
|
echo "waveformobj += '<a href=\"#\" title=\"" . T_('Post Shout') . "\" onClick=\"javascript:WaveformClick(' + currenti.attr('data-song_id') + ', ClickTimeOffset(event));\">';";
|
|
}
|
|
echo "waveformobj += '<div class=\"waveform-shouts\"></div>';";
|
|
echo "waveformobj += '<div class=\"waveform-time\"></div><img src=\"" . AmpConfig::get('web_path') . "/waveform.php?song_id=' + currenti.attr('data-song_id') + '\" onLoad=\"ShowWaveform();\">';";
|
|
if (AmpConfig::get('waveform')) {
|
|
echo "waveformobj += '</a>';";
|
|
}
|
|
}
|
|
} else {
|
|
echo "var titleobj = obj.title;";
|
|
echo "var artistobj = obj.artist;";
|
|
}
|
|
?>
|
|
$('.playing_title').html(titleobj);
|
|
$('.playing_artist').html(artistobj);
|
|
<?php
|
|
if ($iframed) {
|
|
?>
|
|
$('.playing_actions').html(actionsobj);
|
|
<?php
|
|
if (AmpConfig::get('show_lyrics')) {
|
|
?>
|
|
$('.playing_lyrics').html(lyricsobj);
|
|
<?php
|
|
}
|
|
if (AmpConfig::get('waveform')) {
|
|
?>
|
|
$('.waveform').html(waveformobj);
|
|
<?php
|
|
}
|
|
}
|
|
}
|
|
if (AmpConfig::get('song_page_title') && !$is_share) {
|
|
if ($iframed) {
|
|
echo "window.parent.document";
|
|
} else {
|
|
echo "document";
|
|
}
|
|
echo ".title = obj.title + ' - ' + obj.artist + ' | " . addslashes(AmpConfig::get('site_title')) . "';";
|
|
}
|
|
?>
|
|
}
|
|
});
|
|
<?php
|
|
if (AmpConfig::get('waveform') && !$is_share) {
|
|
?>
|
|
HideWaveform();
|
|
<?php } ?>
|
|
});
|
|
|
|
<?php
|
|
if ($isVideo) {
|
|
?>
|
|
$("a.jp-full-screen").on('click', function() {
|
|
$(".jp-playlist").css("visibility", "hidden");
|
|
});
|
|
$("a.jp-restore-screen").on('click', function() {
|
|
$(".jp-playlist").css("visibility", "visible");
|
|
});
|
|
<?php
|
|
}
|
|
?>
|
|
$("#jquery_jplayer_1").bind($.jPlayer.event.timeupdate, function (event) {
|
|
if (brkey != '') {
|
|
sendBroadcastMessage('SONG_POSITION', event.jPlayer.status.currentTime);
|
|
}
|
|
<?php
|
|
if (AmpConfig::get('waveform') && !$is_share) {
|
|
?>
|
|
var int_position = Math.floor(event.jPlayer.status.currentTime);
|
|
if (int_position != last_int_position && event.jPlayer.status.currentTime > 0) {
|
|
last_int_position = int_position;
|
|
if (shouts[int_position] != undefined) {
|
|
shouts[int_position].forEach(function(e) {
|
|
noty({text: e,
|
|
type: 'alert', layout: 'topRight',
|
|
template: '<div class="noty_message noty_ampache"><span class="noty_text noty_ampache"></span><div class="noty_close noty_ampache"></div></div>',
|
|
timeout: 2500,
|
|
});
|
|
});
|
|
}
|
|
}
|
|
if (event.jPlayer.status.duration > 0) {
|
|
var leftpos = 400 * (event.jPlayer.status.currentTime / event.jPlayer.status.duration);
|
|
$(".waveform-time").css({left: leftpos});
|
|
}
|
|
<?php } ?>
|
|
});
|
|
$("#jquery_jplayer_1").bind($.jPlayer.event.volumechange, function(event) {
|
|
$.cookie('jp_volume', event.jPlayer.options.volume, { expires: 7, path: '/'});
|
|
});
|
|
|
|
$('#jp_container_1' + ' ul:last').sortable({
|
|
update: function () {
|
|
jplaylist.scan();
|
|
}
|
|
});
|
|
|
|
<?php echo WebPlayer::add_media_js($playlist); ?>
|
|
});
|
|
<?php if (AmpConfig::get('waveform') && !$is_share) { ?>
|
|
var wavclicktimer = null;
|
|
var shouts = {};
|
|
function WaveformClick(songid, time)
|
|
{
|
|
// Double click
|
|
if (wavclicktimer != null) {
|
|
clearTimeout(wavclicktimer);
|
|
wavclicktimer = null;
|
|
NavigateTo('<?php echo AmpConfig::get('web_path') ?>/shout.php?action=show_add_shout&type=song&id=' + songid + '&offset=' + time);
|
|
} else {
|
|
// Single click
|
|
if (brconn == null) {
|
|
wavclicktimer = setTimeout(function() {
|
|
wavclicktimer = null;
|
|
$("#jquery_jplayer_1").data("jPlayer").play(time);
|
|
}, 250);
|
|
}
|
|
}
|
|
}
|
|
|
|
function ClickTimeOffset(e)
|
|
{
|
|
var parrentOffset = $(".waveform").offset().left;
|
|
var offset = e.pageX - parrentOffset;
|
|
var duration = $("#jquery_jplayer_1").data("jPlayer").status.duration;
|
|
var time = duration * (offset / 400);
|
|
|
|
return time;
|
|
}
|
|
|
|
function ShowWaveform()
|
|
{
|
|
$('.waveform').css('visibility', 'visible');
|
|
}
|
|
|
|
function HideWaveform()
|
|
{
|
|
$('.waveform').css('visibility', 'hidden');
|
|
}
|
|
<?php } ?>
|
|
|
|
var brkey = '';
|
|
var brconn = null;
|
|
|
|
function startBroadcast(key)
|
|
{
|
|
brkey = key;
|
|
|
|
listenBroadcast();
|
|
brconn.onopen = function(e) {
|
|
sendBroadcastMessage('AUTH_SID', '<?php echo session_id(); ?>');
|
|
sendBroadcastMessage('REGISTER_BROADCAST', brkey);
|
|
sendBroadcastMessage('SONG', currentjpitem.attr("data-song_id"));
|
|
};
|
|
}
|
|
|
|
function startBroadcastListening(broadcast_id)
|
|
{
|
|
listenBroadcast();
|
|
|
|
// Hide few UI information on listening mode
|
|
$('.jp-previous').css('visibility', 'hidden');
|
|
$('.jp-play').css('visibility', 'hidden');
|
|
$('.jp-pause').css('visibility', 'hidden');
|
|
$('.jp-next').css('visibility', 'hidden');
|
|
$('.jp-stop').css('visibility', 'hidden');
|
|
$('.jp-toggles').css('visibility', 'hidden');
|
|
$('.jp-playlist').css('visibility', 'hidden');
|
|
$('#broadcast').css('visibility', 'hidden');
|
|
|
|
$('.jp-seek-bar').css('pointer-events', 'none');
|
|
|
|
brconn.onopen = function(e) {
|
|
sendBroadcastMessage('AUTH_SID', '<?php echo Stream::$session; ?>');
|
|
sendBroadcastMessage('REGISTER_LISTENER', broadcast_id);
|
|
};
|
|
}
|
|
|
|
function listenBroadcast()
|
|
{
|
|
if (brconn != null) {
|
|
stopBroadcast();
|
|
}
|
|
|
|
brconn = new WebSocket('<?php echo Broadcast_Server::get_address(); ?>');
|
|
brconn.onmessage = receiveBroadcastMessage;
|
|
}
|
|
|
|
function receiveBroadcastMessage(e)
|
|
{
|
|
var jp = $("#jquery_jplayer_1").data("jPlayer");
|
|
var msgs = e.data.split(';');
|
|
for (var i = 0; i < msgs.length; ++i) {
|
|
var msg = msgs[i].split(':');
|
|
if (msg.length == 2) {
|
|
switch (msg[0]) {
|
|
case 'PLAY':
|
|
alert('play: ' + msg[1]);
|
|
if (msg[1] == '1') {
|
|
if (jp.status.paused) {
|
|
jp.play();
|
|
}
|
|
} else {
|
|
if (!jp.status.paused) {
|
|
jp.pause();
|
|
}
|
|
}
|
|
break;
|
|
|
|
case 'SONG':
|
|
addMedia($.parseJSON(atob(msg[1])));
|
|
jplaylist.next();
|
|
break;
|
|
|
|
case 'SONG_POSITION':
|
|
jp.play(parseFloat(msg[1]));
|
|
break;
|
|
|
|
case 'NB_LISTENERS':
|
|
$('#broadcast_listeners').html(msg[1]);
|
|
break;
|
|
|
|
case 'INFO':
|
|
// Display information notification to user here
|
|
break;
|
|
|
|
case 'ENDED':
|
|
jp.stop();
|
|
break;
|
|
|
|
default:
|
|
alert('Unknown message code.');
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function sendBroadcastMessage(cmd, value)
|
|
{
|
|
if (brconn != null && brconn.readyState == 1) {
|
|
var msg = cmd + ':' + value + ';';
|
|
brconn.send(msg);
|
|
}
|
|
}
|
|
|
|
function stopBroadcast()
|
|
{
|
|
brkey = '';
|
|
if (brconn != null && brconn.readyState == 1) {
|
|
brconn.close();
|
|
}
|
|
brconn = null;
|
|
}
|
|
|
|
<?php if ($iframed && AmpConfig::get('webplayer_confirmclose') && !$is_share) { ?>
|
|
window.parent.onbeforeunload = function (evt) {
|
|
if (!$("#jquery_jplayer_1").data("jPlayer").status.paused) {
|
|
var message = '<?php echo T_('Media is currently playing. Are you sure you want to close') . ' ' . AmpConfig::get('site_title') . '?'; ?>';
|
|
if (typeof evt == 'undefined') {
|
|
evt = window.event;
|
|
}
|
|
if (evt) {
|
|
evt.returnValue = message;
|
|
}
|
|
return message;
|
|
}
|
|
|
|
return null;
|
|
}
|
|
<?php } ?>
|
|
<?php if ($iframed && AmpConfig::get('webplayer_confirmclose') && !$is_share) { ?>
|
|
window.addEventListener('storage', function (event) {
|
|
if (event.key == 'ampache-current-webplayer') {
|
|
// The latest used webplayer is not this player, pause song if playing
|
|
if (event.newValue != jpuqid) {
|
|
if (!$("#jquery_jplayer_1").data("jPlayer").status.paused) {
|
|
$("#jquery_jplayer_1").data("jPlayer").pause();
|
|
}
|
|
}
|
|
}
|
|
});
|
|
<?php } ?>
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<?php
|
|
if ($iframed && !$is_share) {
|
|
?>
|
|
<div class="jp-close">
|
|
<a href="javascript:ExitPlayer();" title="Close Player"><img src="images/close.png" border="0" /></a>
|
|
</div>
|
|
<?php
|
|
}
|
|
?>
|
|
<?php
|
|
if (!$isVideo) {
|
|
$playerClass = "jp-audio";
|
|
?>
|
|
<div class="playing_info">
|
|
<div class="playing_artist"></div>
|
|
<div class="playing_title"></div>
|
|
<div class="playing_features">
|
|
<div class="playing_lyrics"></div>
|
|
<div class="playing_actions"></div>
|
|
</div>
|
|
</div>
|
|
<?php
|
|
} else {
|
|
$playerClass = "jp-video jp-video-270p";
|
|
} ?>
|
|
<div id="shouts_data"></div>
|
|
<div class="jp-area <?php if ((!AmpConfig::get('waveform') || $is_share) && !$embed) { echo "jp-area-center"; } ?><?php if ($embed) { echo "jp-area-embed"; } ?>">
|
|
<div id="jp_container_1" class="<?php echo $playerClass; ?>">
|
|
<div class="jp-type-playlist">
|
|
<div id="jquery_jplayer_1" class="jp-jplayer"></div>
|
|
<div class="jp-gui">
|
|
<?php
|
|
if ($isVideo) {
|
|
?>
|
|
<div class="jp-video-play">
|
|
<a href="javascript:;" class="jp-video-play-icon" tabindex="1">play</a>
|
|
</div>
|
|
<?php } ?>
|
|
<div class="jp-interface">
|
|
<?php
|
|
if ($isVideo) {
|
|
?>
|
|
<div class="jp-progress">
|
|
<div class="jp-seek-bar">
|
|
<div class="jp-play-bar"></div>
|
|
</div>
|
|
</div>
|
|
<div class="jp-current-time"></div>
|
|
<div class="jp-duration"></div>
|
|
<div class="jp-title"></div>
|
|
<div class="jp-controls-holder">
|
|
<ul class="jp-controls">
|
|
<li><a href="javascript:;" class="jp-previous" tabindex="1">previous</a></li>
|
|
<li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
|
|
<li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
|
|
<li><a href="javascript:;" class="jp-next" tabindex="1">next</a></li>
|
|
<li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>
|
|
<li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>
|
|
<li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>
|
|
<li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>
|
|
</ul>
|
|
<div class="jp-volume-bar">
|
|
<div class="jp-volume-bar-value"></div>
|
|
</div>
|
|
|
|
<ul class="jp-toggles">
|
|
<li><a href="javascript:;" class="jp-full-screen" tabindex="1" title="full screen">full screen</a></li>
|
|
<li><a href="javascript:;" class="jp-restore-screen" tabindex="1" title="restore screen">restore screen</a></li>
|
|
<li><a href="javascript:;" class="jp-shuffle" tabindex="1" title="shuffle">shuffle</a></li>
|
|
<li><a href="javascript:;" class="jp-shuffle-off" tabindex="1" title="shuffle off">shuffle off</a></li>
|
|
<li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li>
|
|
<li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li>
|
|
</ul>
|
|
</div>
|
|
<?php } else { ?>
|
|
<ul class="jp-controls">
|
|
<li><a href="javascript:;" class="jp-previous" tabindex="1">previous</a></li>
|
|
<li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
|
|
<li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
|
|
<li><a href="javascript:;" class="jp-next" tabindex="1">next</a></li>
|
|
<li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>
|
|
<li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>
|
|
<li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>
|
|
<li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>
|
|
</ul>
|
|
<div class="jp-progress">
|
|
<div class="jp-seek-bar">
|
|
<div class="jp-play-bar"></div>
|
|
</div>
|
|
</div>
|
|
<div id="jquery_jplayer_1_volume_bar" class="jp-volume-bar">
|
|
<div id="jquery_jplayer_1_volume_bar_value" class="jp-volume-bar-value"></div>
|
|
</div>
|
|
<div class="jp-current-time"></div>
|
|
<div class="jp-duration"></div>
|
|
<ul class="jp-toggles">
|
|
<li><a href="javascript:;" class="jp-shuffle" tabindex="1" title="shuffle">shuffle</a></li>
|
|
<li><a href="javascript:;" class="jp-shuffle-off" tabindex="1" title="shuffle off">shuffle off</a></li>
|
|
<li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li>
|
|
<li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li>
|
|
</ul>
|
|
<?php if (AmpConfig::get('waveform')) { ?>
|
|
<div class="waveform"></div>
|
|
<?php } ?>
|
|
<?php } ?>
|
|
</div>
|
|
</div>
|
|
<div class="player_actions">
|
|
<?php if (AmpConfig::get('broadcast')) { ?>
|
|
<div id="broadcast" class="broadcast">
|
|
<?php
|
|
if (AmpConfig::get('broadcast_by_default')) {
|
|
$broadcasts = Broadcast::get_broadcasts($GLOBALS['user']->id);
|
|
if (count($broadcasts) < 1) {
|
|
$broadcast_id = Broadcast::create(T_('My Broadcast'));
|
|
} else {
|
|
$broadcast_id = $broadcasts[0];
|
|
}
|
|
|
|
$broadcast = new Broadcast($broadcast_id);
|
|
$key = Broadcast::generate_key();
|
|
$broadcast->update_state(true, $key);
|
|
echo Broadcast::get_unbroadcast_link($broadcast_id) . '<script type="text/javascript">startBroadcast(\'' . $key . '\');</script>';
|
|
} else {
|
|
echo Broadcast::get_broadcast_link();
|
|
}
|
|
?>
|
|
</div>
|
|
<?php } ?>
|
|
<?php if ($iframed) { ?>
|
|
<div id="slideshow" class="slideshow">
|
|
<a href="javascript:SwapSlideshow();"><?php echo UI::get_icon('image', T_('Slideshow')); ?></a>
|
|
</div>
|
|
<?php } ?>
|
|
</div>
|
|
<div class="jp-playlist" style="position: absolute;">
|
|
<ul>
|
|
<li></li>
|
|
</ul>
|
|
</div>
|
|
<div class="jp-no-solution">
|
|
<span>Unsupported</span>
|
|
This media is not supported by the player. Is your browser up to date?
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|