mirror of
https://github.com/Michatec/ptelevision.git
synced 2026-03-31 23:46:30 +02:00
Update main.js
This commit is contained in:
Michachatz
GitHub
263
html/main.js
263
html/main.js
@@ -2,141 +2,164 @@ var player;
|
||||
var playerData;
|
||||
|
||||
function GetURLID(link) {
|
||||
if (link == null) return;
|
||||
let url = link.toString();
|
||||
var regExp = /^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/;
|
||||
var match = url.match(regExp);
|
||||
if (match && match[2].length == 11) {
|
||||
return {type: "youtube", id: match[2]};
|
||||
}
|
||||
else if (url.split("twitch.tv/").length > 1) {
|
||||
|
||||
return {type: "twitch", id: url.split("twitch.tv/")[1]};
|
||||
}
|
||||
if (link == null) return;
|
||||
let url = link.toString();
|
||||
var regExp =
|
||||
/^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/;
|
||||
var match = url.match(regExp);
|
||||
if (match && match[2].length == 11) {
|
||||
return { type: "youtube", id: match[2] };
|
||||
} else if (url.split("twitch.tv/").length > 1) {
|
||||
return { type: "twitch", id: url.split("twitch.tv/")[1] };
|
||||
}
|
||||
}
|
||||
|
||||
function ChannelDisplay(channel, channelFound) {
|
||||
if (channel) {
|
||||
var temp = 'CH<span style="font-size: 18pt !important;"> </span>'
|
||||
if (channel > 9) {
|
||||
temp += channel
|
||||
}
|
||||
else {
|
||||
temp += ("0" + channel)
|
||||
}
|
||||
$("#overlay span").show()
|
||||
$("#overlay span").html(temp)
|
||||
}
|
||||
else {
|
||||
$("#overlay span").show()
|
||||
$("#overlay span").html("")
|
||||
}
|
||||
if (channelFound) {
|
||||
$("#tv-container").hide()
|
||||
}
|
||||
else {
|
||||
$("#tv-container").show()
|
||||
if (channel) {
|
||||
var temp = 'CH<span style="font-size: 18pt !important;"> </span>';
|
||||
if (channel > 9) {
|
||||
temp += channel;
|
||||
} else {
|
||||
temp += "0" + channel;
|
||||
}
|
||||
$("#overlay span").show();
|
||||
$("#overlay span").html(temp);
|
||||
} else {
|
||||
$("#overlay span").show();
|
||||
$("#overlay span").html("");
|
||||
}
|
||||
if (channelFound) {
|
||||
$("#tv-container").hide();
|
||||
} else {
|
||||
$("#tv-container").show();
|
||||
}
|
||||
}
|
||||
|
||||
function SetVideo(video_data) {
|
||||
var url = video_data.url;
|
||||
var channel = video_data.channel;
|
||||
var data = GetURLID(url)
|
||||
|
||||
playerData = data
|
||||
if (player) {
|
||||
player.destroy()
|
||||
player = null;
|
||||
}
|
||||
if (data) {
|
||||
if (data.type == "youtube") {
|
||||
player = new YT.Player('twitch-embed', {
|
||||
height: '100%',
|
||||
width: '100%',
|
||||
videoId: data.id,
|
||||
playerVars: {
|
||||
'playsinline': 1,
|
||||
},
|
||||
events: {
|
||||
'onReady': function(event) {
|
||||
event.target.playVideo();
|
||||
event.target.seekTo(video_data.time)
|
||||
},
|
||||
'onStateChange': function(event) {
|
||||
if (event.data == YT.PlayerState.PLAYING) {
|
||||
event.target.unMute();
|
||||
}
|
||||
else if (event.data == YT.PlayerState.PAUSED) {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
else if (data.type == "twitch") {
|
||||
player = new Twitch.Player("twitch-embed", {
|
||||
width: "100%",
|
||||
height: "100%",
|
||||
channel: data.id,
|
||||
volume: 1.0
|
||||
});
|
||||
player.addEventListener(Twitch.Embed.VIDEO_READY, function() {
|
||||
player.setMuted(false);
|
||||
});
|
||||
}
|
||||
|
||||
$("#overlay span").hide()
|
||||
$("#tv-container").hide()
|
||||
}
|
||||
if (channel) {
|
||||
ChannelDisplay(channel, url)
|
||||
var url = video_data.url;
|
||||
var channel = video_data.channel;
|
||||
var loop = video_data.loop;
|
||||
var showControls = Number(video_data.showControls);
|
||||
var data = GetURLID(url);
|
||||
|
||||
playerData = data;
|
||||
if (player) {
|
||||
player.destroy();
|
||||
player = null;
|
||||
}
|
||||
if (data) {
|
||||
if (data.type == "youtube") {
|
||||
if (loop == true) {
|
||||
player = new YT.Player("twitch-embed", {
|
||||
height: "100%",
|
||||
width: "100%",
|
||||
videoId: data.id,
|
||||
playerVars: {
|
||||
playsinline: 1,
|
||||
loop: 1,
|
||||
playlist: data.id,
|
||||
controls: showControls,
|
||||
},
|
||||
events: {
|
||||
onReady: function (event) {
|
||||
event.target.playVideo();
|
||||
event.target.seekTo(video_data.time);
|
||||
},
|
||||
onStateChange: function (event) {
|
||||
if (event.data == YT.PlayerState.PLAYING) {
|
||||
event.target.unMute();
|
||||
} else if (event.data == YT.PlayerState.PAUSED) {
|
||||
}
|
||||
},
|
||||
},
|
||||
});
|
||||
} else {
|
||||
player = new YT.Player("twitch-embed", {
|
||||
height: "100%",
|
||||
width: "100%",
|
||||
videoId: data.id,
|
||||
playerVars: {
|
||||
playsinline: 1,
|
||||
controls: showControls,
|
||||
},
|
||||
events: {
|
||||
onReady: function (event) {
|
||||
event.target.playVideo();
|
||||
event.target.seekTo(video_data.time);
|
||||
},
|
||||
onStateChange: function (event) {
|
||||
if (event.data == YT.PlayerState.PLAYING) {
|
||||
event.target.unMute();
|
||||
} else if (event.data == YT.PlayerState.PAUSED) {
|
||||
}
|
||||
},
|
||||
},
|
||||
});
|
||||
}
|
||||
} else if (data.type == "twitch") {
|
||||
player = new Twitch.Player("twitch-embed", {
|
||||
width: "100%",
|
||||
height: "100%",
|
||||
channel: data.id,
|
||||
volume: 1.0,
|
||||
});
|
||||
player.addEventListener(Twitch.Embed.VIDEO_READY, function () {
|
||||
player.setMuted(false);
|
||||
});
|
||||
}
|
||||
|
||||
$("#overlay span").hide();
|
||||
$("#tv-container").hide();
|
||||
}
|
||||
if (channel) {
|
||||
ChannelDisplay(channel, url);
|
||||
}
|
||||
}
|
||||
|
||||
function SetVolume(volume) {
|
||||
|
||||
if (player && playerData && player.setVolume) {
|
||||
if (playerData.type == "twitch") {
|
||||
player.setMuted(false);
|
||||
player.setVolume(volume / 100.0);
|
||||
}
|
||||
else if (playerData.type == "youtube") {
|
||||
player.unMute();
|
||||
player.setVolume(volume);
|
||||
}
|
||||
if (player && playerData && player.setVolume) {
|
||||
if (playerData.type == "twitch") {
|
||||
player.setMuted(false);
|
||||
player.setVolume(volume / 100.0);
|
||||
} else if (playerData.type == "youtube") {
|
||||
player.unMute();
|
||||
player.setVolume(volume);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function ShowNotification(channel, data) {
|
||||
$("#tv-container").addClass("notify")
|
||||
$("#tv-container div").addClass("notify")
|
||||
var display = $('#tv-container').is(':visible')
|
||||
$('#tv-container').show()
|
||||
$("#tv-container div").html("Channel #" + channel + (data ? (" ("+data.name+")") : "") + " is now " + (data ? "live!" : "offline."))
|
||||
$("#tv-container").addClass("notify");
|
||||
$("#tv-container div").addClass("notify");
|
||||
var display = $("#tv-container").is(":visible");
|
||||
$("#tv-container").show();
|
||||
$("#tv-container div").html(
|
||||
"Channel #" +
|
||||
channel +
|
||||
(data ? " (" + data.name + ")" : "") +
|
||||
" is now " +
|
||||
(data ? "live!" : "offline.")
|
||||
);
|
||||
|
||||
setTimeout(function() {
|
||||
$("#tv-container").removeClass("notify")
|
||||
$("#tv-container div").removeClass("notify")
|
||||
$("#tv-container div").html("NO SIGNAL")
|
||||
if (!display) {
|
||||
$('#tv-container').hide()
|
||||
}
|
||||
}, 3500)
|
||||
setTimeout(function () {
|
||||
$("#tv-container").removeClass("notify");
|
||||
$("#tv-container div").removeClass("notify");
|
||||
$("#tv-container div").html("NO SIGNAL");
|
||||
if (!display) {
|
||||
$("#tv-container").hide();
|
||||
}
|
||||
}, 3500);
|
||||
}
|
||||
|
||||
window.addEventListener("message", function(ev) {
|
||||
if (ev.data.setVideo) {
|
||||
SetVideo(ev.data.data)
|
||||
}
|
||||
else if (ev.data.setVolume) {
|
||||
SetVolume(ev.data.data)
|
||||
}
|
||||
else if (ev.data.showNotification) {
|
||||
ShowNotification(ev.data.channel, ev.data.data)
|
||||
}
|
||||
})
|
||||
$(document).ready(function() {
|
||||
ChannelDisplay()
|
||||
})
|
||||
|
||||
window.addEventListener("message", function (ev) {
|
||||
if (ev.data.setVideo) {
|
||||
SetVideo(ev.data.data);
|
||||
} else if (ev.data.setVolume) {
|
||||
SetVolume(ev.data.data);
|
||||
} else if (ev.data.showNotification) {
|
||||
ShowNotification(ev.data.channel, ev.data.data);
|
||||
}
|
||||
});
|
||||
$(document).ready(function () {
|
||||
ChannelDisplay();
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user