} ?> </div> </div> </div> </td> <td class="center"> </td> <td class="center"> <?php $currentplayerseconds = getSetting('currentplayerseconds'); if ($currentplayerseconds == '') { $currentplayerseconds = 5; } ?> <select id="backtime" name="backtime" onchange="{do_ajax_save_setting('currentplayerseconds',document.getElementById('backtime').options[document.getElementById('backtime').selectedIndex].value);}"><?php echo get_seconds_selectoptions($currentplayerseconds); ?> </select><br /> <span id="backbutt" class="click"><img src="icn/arrow-circle-225-left.png" alt="Rewind n seconds" title="Rewind n seconds" /></span> <span id="forwbutt" class="click"><img src="icn/arrow-circle-315.png" alt="Forward n seconds" title="Forward n seconds" /></span> <span id="playTime" class="hide"></span> </td> <td class="width45pc"> </td> </tr> <script type="text/javascript"> //<![CDATA[ function new_pos(p) { $("#jquery_jplayer_1").jPlayer("playHead", p); } function click_single() {
function makeAudioPlayer($audio) { if ($audio != '') { $playerskin = "jplayer.blue.monday.modified"; $repeatMode = getSettingZeroOrOne('currentplayerrepeatmode', 0); ?> <link type="text/css" href="css/jplayer_skin/<?php echo $playerskin; ?> .css" rel="stylesheet" /> <script type="text/javascript" src="js/jquery.jplayer.min.js"></script> <table class="width99pc" cellspacing="0" cellpadding="3"> <tr> <td class="width45pc"> </td> <td class="center borderleft" style="padding-left:10px;"> <span id="do-single" class="click<?php echo $repeatMode ? '' : ' hide'; ?> "><img src="icn/arrow-repeat.png" alt="Toggle Repeat (Now ON)" title="Toogle Repeat (Now ON)" style="width:24px;height:24px;" /></span><span id="do-repeat" class="click<?php echo $repeatMode ? ' hide' : ''; ?> "><img src="icn/arrow-norepeat.png" alt="Toggle Repeat (Now OFF)" title="Toggle Repeat (Now OFF)" style="width:24px;height:24px;" /></span> </td> <td class="center bordermiddle"> </td> <td class="bordermiddle"> <div id="jquery_jplayer_1" class="jp-jplayer"> </div> <div id="jp_container_1" class="jp-audio"> <div class="jp-type-single"> <div class="jp-gui jp-interface"> <ul class="jp-controls"> <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-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> </ul> <div class="jp-progress"> <div class="jp-seek-bar"> <div class="jp-play-bar"></div> </div> </div> <div class="jp-volume-bar"> <div class="jp-volume-bar-value"></div> </div> <div class="jp-time-holder"> <div class="jp-current-time"></div> <div class="jp-duration"></div> </div> </div> </div> </div> </td> <td class="center bordermiddle"> </td> <td class="center borderright" style="padding-right:10px;"> <?php $currentplayerseconds = getSetting('currentplayerseconds'); if ($currentplayerseconds == '') { $currentplayerseconds = 5; } ?> <select id="backtime" name="backtime" onchange="{do_ajax_save_setting('currentplayerseconds',document.getElementById('backtime').options[document.getElementById('backtime').selectedIndex].value);}"><?php echo get_seconds_selectoptions($currentplayerseconds); ?> </select><br /> <span id="backbutt" class="click"><img src="icn/arrow-circle-225-left.png" alt="Rewind n seconds" title="Rewind n seconds" /></span> <span id="forwbutt" class="click"><img src="icn/arrow-circle-315.png" alt="Forward n seconds" title="Forward n seconds" /></span> <span id="playTime" class="hide"></span> </td> <td class="width45pc"> </td> </tr> <script type="text/javascript"> //<![CDATA[ function new_pos(p) { $("#jquery_jplayer_1").jPlayer("playHead", p); } function click_single() { $("#jquery_jplayer_1").unbind($.jPlayer.event.ended + ".jp-repeat"); $("#do-single").addClass('hide'); $("#do-repeat").removeClass('hide'); do_ajax_save_setting('currentplayerrepeatmode','0'); return false; } function click_repeat() { $("#jquery_jplayer_1").bind($.jPlayer.event.ended + ".jp-repeat", function(event) { $(this).jPlayer("play"); }); $("#do-repeat").addClass('hide'); $("#do-single").removeClass('hide'); do_ajax_save_setting('currentplayerrepeatmode','1'); return false; } function click_back() { var t = parseInt($("#playTime").text(),10); var b = parseInt($("#backtime").val(),10); var nt = t - b; if (nt < 0) nt = 0; $("#jquery_jplayer_1").jPlayer("play", nt); } function click_forw() { var t = parseInt($("#playTime").text(),10); var b = parseInt($("#backtime").val(),10); var nt = t + b; $("#jquery_jplayer_1").jPlayer("play", nt); } $(document).ready(function(){ $("#jquery_jplayer_1").jPlayer({ ready: function () { $(this).jPlayer("setMedia", { <?php $audio = trim($audio); if (strcasecmp(substr($audio, -4), '.mp3') == 0) { echo 'mp3: ' . prepare_textdata_js(encodeURI($audio)); } elseif (strcasecmp(substr($audio, -4), '.ogg') == 0) { echo 'oga: ' . prepare_textdata_js(encodeURI($audio)) . ", " . 'mp3: ' . prepare_textdata_js(encodeURI($audio)); } elseif (strcasecmp(substr($audio, -4), '.wav') == 0) { echo 'wav: ' . prepare_textdata_js(encodeURI($audio)) . ", " . 'mp3: ' . prepare_textdata_js(encodeURI($audio)); } else { echo 'mp3: ' . prepare_textdata_js(encodeURI($audio)); } ?> }); }, swfPath: "js", noVolume: {ipad: /^no$/, iphone: /^no$/, ipod: /^no$/, android_pad: /^no$/, android_phone: /^no$/, blackberry: /^no$/, windows_ce: /^no$/, iemobile: /^no$/, webos: /^no$/, playbook: /^no$/} }); $("#jquery_jplayer_1").bind($.jPlayer.event.timeupdate, function(event) { $("#playTime").text(Math.floor(event.jPlayer.status.currentTime)); }); $("#backbutt").click(click_back); $("#forwbutt").click(click_forw); $("#do-single").click(click_single); $("#do-repeat").click(click_repeat); <?php echo $repeatMode ? "click_repeat();\n" : ''; ?> }); //]]> </script> <?php } // if (isset($audio)) }