SAAS-655: Extract muses player events into our own js object

This commit is contained in:
drigato 2015-03-19 16:59:05 -04:00
parent 875ed0e41e
commit 16ddf09d6d
3 changed files with 29 additions and 13 deletions

View file

@ -5,10 +5,31 @@
<script src="<?php echo $this->mrp_js?>" type="text/javascript"></script> <script src="<?php echo $this->mrp_js?>" type="text/javascript"></script>
<script type="text/javascript"> <script type="text/javascript">
function musesCallback(event,value){ var MusesPlayer = function() {
if (event == "source") { this.flashDetect = FlashDetect.versionAtLeast(10, 1) ? true : false;
//MRP.setUrl("http://sourcefabric.out.airtime.pro:8000/sourcefabric_b"); };
} MusesPlayer.prototype.play = function() {
this.flashDetect ? MRP.play() : musesHTMLPlayClick();
};
MusesPlayer.prototype.stop = function() {
this.flashDetect ? MRP.stop() : musesHTMLStopClick();
};
//TODO: setVolume, setURL
var musesPlayer = new MusesPlayer();
function musesHTMLPlayClick() {
//child nodes
var cn = document.getElementById("MusesRadioPlayer-HTML5-player-1").childNodes;
var playDiv = cn[4];
playDiv.onclick();
}
function musesHTMLStopClick() {
//child nodes
var cn = document.getElementById("MusesRadioPlayer-HTML5-player-1").childNodes;
var stopDiv = cn[5];
stopDiv.onclick();
} }
</script> </script>
@ -21,8 +42,6 @@
<div id="muses_skin"> <div id="muses_skin">
<script type="text/javascript"> <script type="text/javascript">
MRP.insert({ MRP.insert({
'url':"<?php echo $this->streamURL ?>", 'url':"<?php echo $this->streamURL ?>",
'codec':"<?php echo $this->codec ?>", 'codec':"<?php echo $this->codec ?>",
@ -39,10 +58,10 @@
</script> </script>
</div> </div>
<div id="custom_muses_play" onclick="MRP.play()"> <div id="custom_muses_play" onclick="musesPlayer.play()">
<a href="#">play</a> <a href="#">play</a>
</div> </div>
<div id="custom_muses_stop" onclick="MRP.stop()"> <div id="custom_muses_stop" onclick="musesPlayer.stop()">
<a href="#">stop</a> <a href="#">stop</a>
</div> </div>

View file

@ -10,10 +10,7 @@
<?php echo $this->element->getElement('player_preview_label')->renderLabel(); ?> <?php echo $this->element->getElement('player_preview_label')->renderLabel(); ?>
<div style="clear:both"></div> <div style="clear:both"></div>
<div id="embed_player_preview"> <?php echo $this->element->getElement('player_embed_src')->getValue(); ?>
<?php echo $this->element->getElement('player_embed_src')->getValue(); ?>
</div>
</dl> </dl>
</fieldset> </fieldset>

View file

@ -4,6 +4,6 @@ window.onload = function() {
function generateEmbedSrc() function generateEmbedSrc()
{ {
document.getElementById('embed_player_preview').textContent="";
} }