mirror of
https://github.com/KevinMidboe/zoff.git
synced 2025-10-29 18:00:23 +00:00
Moved receiver to other repository
This commit is contained in:
Kasper Rynning-Tønnesen
@@ -1,78 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<script src="https://www.gstatic.com/cast/sdk/libs/receiver/2.0.0/cast_receiver.js"> </script>
|
||||
<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: 19%;
|
||||
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;
|
||||
}
|
||||
|
||||
#next_song{
|
||||
display:none;
|
||||
position: absolute;
|
||||
background: rgba(0,0,0,0.4);
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
border: 1px solid white;
|
||||
width: 26rem;
|
||||
height: 7rem;
|
||||
}
|
||||
|
||||
#next_pic{
|
||||
height: 7rem;
|
||||
}
|
||||
|
||||
#next_title{
|
||||
align-self: center;
|
||||
overflow: hidden;
|
||||
color: white;
|
||||
display:flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#duration{
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<div id="next_song">
|
||||
<img id="next_pic" src="://" alt="kuk">
|
||||
<div id="next_title"><div id="duration">00:00/00:00</div><div id="next_title_content">Coolest song</div></div>
|
||||
</div>
|
||||
<img id="zoff-logo" class="center" src="squareicon_small.png" alt="logo">
|
||||
<div id="player" class="hide"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,178 +0,0 @@
|
||||
var ytReady = false;
|
||||
var videoId = null;
|
||||
var seekTo = null;
|
||||
var nextVideo = null;
|
||||
var loading = false;
|
||||
var initial = true;
|
||||
|
||||
cast.receiver.logger.setLevelValue(cast.receiver.LoggerLevel.DEBUG);
|
||||
|
||||
window.castReceiverManager = cast.receiver.CastReceiverManager.getInstance();
|
||||
var customMessageBus = castReceiverManager.getCastMessageBus('urn:x-cast:zoff.no');
|
||||
customMessageBus.onMessage = function(event) {
|
||||
var json_parsed = JSON.parse(event.data);
|
||||
switch(json_parsed.type){
|
||||
case "loadVideo":
|
||||
if(ytReady){
|
||||
loading = true;
|
||||
videoId = json_parsed.videoId;
|
||||
player.loadVideoById(json_parsed.videoId);
|
||||
if(json_parsed.seekTo){
|
||||
player.seekTo(json_parsed.seekTo);
|
||||
}
|
||||
if(initial){
|
||||
$("#player").toggleClass("hide");
|
||||
$("#zoff-logo").toggleClass("center");
|
||||
$("#zoff-logo").toggleClass("lower_left");
|
||||
initial = false;
|
||||
durationSetter();
|
||||
}
|
||||
} else {
|
||||
videoId = json_parsed.videoId;
|
||||
if(json_parsed.seekTo){
|
||||
seekTo = json_parsed.seekTo;
|
||||
}
|
||||
}
|
||||
break;
|
||||
case "stopVideo":
|
||||
player.stopVideo();
|
||||
break;
|
||||
case "pauseVideo":
|
||||
player.pauseVideo();
|
||||
break;
|
||||
case "playVideo":
|
||||
player.playVideo();
|
||||
break;
|
||||
case "mute":
|
||||
player.mute();
|
||||
break;
|
||||
case "unMute":
|
||||
player.unMute();
|
||||
break;
|
||||
case "seekTo":
|
||||
player.seekTo(json_parsed.seekTo);
|
||||
break;
|
||||
case "nextVideo":
|
||||
nextVideo = json_parsed.videoId;
|
||||
nextTitle = json_parsed.title;
|
||||
$("#next_title_content").html("Next Song:<br>" + nextTitle);
|
||||
$("#next_pic").attr("src", "//img.youtube.com/vi/"+nextVideo+"/mqdefault.jpg");
|
||||
$("#next_song").css("display", "flex");
|
||||
break;
|
||||
}
|
||||
}
|
||||
/**
|
||||
* Application config
|
||||
**/
|
||||
var appConfig = new cast.receiver.CastReceiverManager.Config();
|
||||
|
||||
/**
|
||||
* Text that represents the application status. It should meet
|
||||
* internationalization rules as may be displayed by the sender application.
|
||||
* @type {string|undefined}
|
||||
**/
|
||||
appConfig.statusText = 'Ready to play';
|
||||
|
||||
/**
|
||||
* Maximum time in seconds before closing an idle
|
||||
* sender connection. Setting this value enables a heartbeat message to keep
|
||||
* the connection alive. Used to detect unresponsive senders faster than
|
||||
* typical TCP timeouts. The minimum value is 5 seconds, there is no upper
|
||||
* bound enforced but practically it's minutes before platform TCP timeouts
|
||||
* come into play. Default value is 10 seconds.
|
||||
* @type {number|undefined}
|
||||
**/
|
||||
// 100 minutes for testing, use default 10sec in prod by not setting this value
|
||||
appConfig.maxInactivity = 6000;
|
||||
/**
|
||||
* Initializes the system manager. The application should call this method when
|
||||
* it is ready to start receiving messages, typically after registering
|
||||
* to listen for the events it is interested on.
|
||||
*/
|
||||
|
||||
window.castReceiverManager.onSenderDisconnected = function(event) {
|
||||
if(window.castReceiverManager.getSenders().length == 0 &&
|
||||
event.reason == cast.receiver.system.DisconnectReason.REQUESTED_BY_SENDER) {
|
||||
window.close();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
var receiver = new cast.receiver.Receiver("E6856E24", ["no.zoff.customcast"],"",5);
|
||||
var ytChannelHandler = new cast.receiver.ChannelHandler("no.zoff.customcast");
|
||||
var nextVideo;
|
||||
ytChannelHandler.addChannelFactory(receiver.createChannelFactory("no.zoff.customcast"));
|
||||
ytChannelHandler.addEventListener(
|
||||
cast.receiver.Channel.EventType.MESSAGE,
|
||||
onMessage.bind(this)
|
||||
);
|
||||
|
||||
receiver.start();
|
||||
*/
|
||||
window.addEventListener('load', function() {
|
||||
var tag = document.createElement('script');
|
||||
tag.src = "https://www.youtube.com/iframe_api";
|
||||
var firstScriptTag = document.getElementsByTagName('script')[0];
|
||||
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
|
||||
});
|
||||
|
||||
function durationSetter(){
|
||||
duration = player.getDuration();
|
||||
console.log(duration);
|
||||
dMinutes = Math.floor(duration / 60);
|
||||
dSeconds = duration - dMinutes * 60;
|
||||
currDurr = player.getCurrentTime() !== undefined ? Math.floor(player.getCurrentTime()) : seekTo;
|
||||
if(currDurr > duration)
|
||||
currDurr = duration;
|
||||
minutes = Math.floor(currDurr / 60);
|
||||
seconds = currDurr - (minutes * 60);
|
||||
document.getElementById("duration").innerHTML = pad(minutes)+":"+pad(seconds)+" <span id='dash'>/</span> "+pad(dMinutes)+":"+pad(dSeconds);
|
||||
setTimeout(durationSetter, 1000);
|
||||
}
|
||||
|
||||
function pad(n){
|
||||
return n < 10 ? "0"+Math.floor(n) : Math.floor(n);
|
||||
}
|
||||
|
||||
function onYouTubeIframeAPIReady() {
|
||||
player = new YT.Player('player', {
|
||||
height: 562,
|
||||
width: 1000,
|
||||
playerVars: { 'autoplay': 0, 'controls': 0, rel:"0", wmode:"transparent", iv_load_policy: "3" },
|
||||
events: {
|
||||
'onReady': onPlayerReady,
|
||||
'onStateChange': onPlayerStateChange
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function onPlayerReady() {
|
||||
window.castReceiverManager.start(appConfig);
|
||||
ytReady = true;
|
||||
if(videoId){
|
||||
loading = true;
|
||||
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});
|
||||
console.log(event);
|
||||
if (event.data==YT.PlayerState.ENDED) {
|
||||
customMessageBus.broadcast(JSON.stringify({type: -1, videoId: videoId}));
|
||||
//customMessageBus.send("urn:x-cast:zoff.no", {type: -1, videoId: videoId})
|
||||
} else if(event.data == 1){
|
||||
loading = false;
|
||||
if(seekTo){
|
||||
player.seekTo(seekTo);
|
||||
seekTo = null;
|
||||
}
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 24 KiB |
Reference in New Issue
Block a user