diff --git a/html/VCR_OSD_MONO_1.001.ttf b/html/VCR_OSD_MONO_1.001.ttf deleted file mode 100644 index dcca687..0000000 Binary files a/html/VCR_OSD_MONO_1.001.ttf and /dev/null differ diff --git a/html/blank.html b/html/blank.html deleted file mode 100644 index c244d68..0000000 --- a/html/blank.html +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - Document - - - - - \ No newline at end of file diff --git a/html/index.html b/html/index.html deleted file mode 100644 index 407f232..0000000 --- a/html/index.html +++ /dev/null @@ -1,27 +0,0 @@ - - - - - - - Document - - - - - - - - -
-
-
-
NO SIGNAL
-
-
- -
- - - - \ No newline at end of file diff --git a/html/main.js b/html/main.js deleted file mode 100644 index 1bf7e86..0000000 --- a/html/main.js +++ /dev/null @@ -1,144 +0,0 @@ -var player; -var playerData; -$(document).ready(function() { - $.post("https://ptelevision/pageLoaded", JSON.stringify({})) -}) - -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]}; - } -} - -function ChannelDisplay(channel, channelFound) { - if (channel) { - var temp = 'CH ' - 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) - } -} - -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.setVolume(volume); - player.unMute(); - } - } -} - -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.")) - - 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() -}) \ No newline at end of file diff --git a/html/style.css b/html/style.css deleted file mode 100644 index d93ed21..0000000 --- a/html/style.css +++ /dev/null @@ -1,93 +0,0 @@ -@font-face { - font-family: 'BodyCam'; - src: url('VCR_OSD_MONO_1.001.ttf') format('truetype') /* Safari, Android, iOS */ -} - -* { - font-family: BodyCam; - color:white; -} - -#twitch-embed { - position: absolute; - width: 100%; - height: 100%; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - overflow: hidden; - z-index: -1; -} - -#overlay { - position: absolute; - top: 10px; - right: 10px; - z-index: 1; - font-size: 48pt !important; -} - -#background { - display: flex; - position: absolute; - top: 0; - left: 0; - width: 100%; - min-height: 100%; - background-color: rgb(42, 42, 42); - justify-content: center; - align-items: center; - flex-wrap: wrap; - z-index: -2; -} - -#tv-container { - display: flex; - position: absolute; - top: 0; - left: 0; - width: 100%; - min-height: 100%; - background-color: transparent; - justify-content: center; - align-items: center; - flex-wrap: wrap; -} - -#tv-container.notify { - display: block; - position: absolute; - top: 0; - left: 0; - width: 100%; - min-height: 100%; -} - -#tv-container > div { - font-size: 24pt; - user-select: none; -} - -#tv-container > div.notify { - font-size: 24pt; - user-select: none; - width: -webkit-fill-available; - text-align: center; - padding: 25px; - background-color: rgba(0, 0, 0, 0.3); -} - -/* width */ -::-webkit-scrollbar { - width: 10px; -} - -/* Track */ -::-webkit-scrollbar-track { - background: rgb(42, 42, 42); -} - -/* Handle */ -::-webkit-scrollbar-thumb { - background: rgb(66, 66, 66); -} \ No newline at end of file