KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2025-10-29 18:00:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Updated receiver to work more properly with the current player, and added a picture

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2016-11-18 15:07:58 +01:00
parent 8854f1d687
commit 071744440d
11 changed files with 279 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
receiver/index.html
View File

@@ -5,17 +5,43 @@
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="receiver.js"></script>
<style>
body{
background: black;
}
#player{
width: 100vw;
height: 100vh;
margin-left: -8px;
margin-top: -8px;
}
.center{
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: auto;
text-align: center;
}
.lower_left{
position: absolute;
bottom: 0px;
width: 15%;
left: 0;
right: 0;
text-align: left;
}
.hide{
display: none;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="player"></div>
<img id="zoff-logo" class="center" src="squareicon_small.png" alt="logo">
<div id="player" class="hide"></div>
</div>
</body>
</html>

67
receiver/receiver.js
View File

@@ -1,3 +1,8 @@
var ytReady = false;
var videoId = null;
var seekTo = null;
var nextVideo = null;
cast.receiver.logger.setLevelValue(cast.receiver.LoggerLevel.DEBUG);
window.castReceiverManager = cast.receiver.CastReceiverManager.getInstance();
@@ -5,10 +10,27 @@ var customMessageBus = castReceiverManager.getCastMessageBus('urn:x-cast:zoff.no
customMessageBus.onMessage = function(event) {
switch(event.data.type){
case "loadVideoBy":
player.loadVideoById(event.data.videoId);
if(ytReady){
player.loadVideoById(event.data.videoId);
} else {
videoId = event.data.videoId;
}
break;
case "stopVideo":
player.stopVideo();
break;
case "pauseVideo":
player.pauseVideo();
break;
case "playVideo":
player.playVideo();
break;
case "seekTo":
player.seekTo(event.data.seekTo);
break;
case "nextVideo":
nextVideo = event.data.videoId;
break;
}
}
/**
@@ -68,33 +90,6 @@ window.addEventListener('load', function() {
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
});
ytMessages={
"getNextVideo": function(event) {
nextVideo=event.data.videoId;
},
"loadVideo": function(event) {
player.loadVideoById(event.data.videoId);
},
"stopCasting": function() {
endcast();
},
"playVideo": function() {
player.playVideo();
},
"pauseVideo": function() {
player.pauseVideo();
},
"stopVideo": function() {
player.stopVideo();
},
"seekTo": function(event) {
player.seekTo(event.data.seekTo)
},
"getStatus": function() {
channel.send({'event':'statusCheck','message':player.getPlayerState()});
}
};
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: 562,
@@ -108,12 +103,24 @@ function onYouTubeIframeAPIReady() {
}
function onPlayerReady() {
ytReady = true;
$("#player").toggleClass("hide");
$("#zoff-logo").toggleClass("center");
$("#zoff-logo").toggleClass("lower_left");
if(videoId){
player.loadVideoById(videoId);
player.playVideo();
if(seekTo){
player.seekTo(seekTo);
seekTo = null;
}
}
//channel.send({'event':'iframeApiReady','message':'ready'});
}
function onPlayerStateChange(event) {
//channel.send({'event':'stateChange','message':event.data});
if (event.data==YT.PlayerState.ENDED) {
endcast();
customMessageBus.broadcast({type: -1, videoId: videoId})
}
}

BIN
receiver/squareicon_small.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB