Aggiunta Possibilitá Cambio Server di Streaming
parent
4b248bd48c
commit
bfefc7d4b7
198
guarda.php
198
guarda.php
|
|
@ -1,4 +1,5 @@
|
||||||
<?php include_once("conn/conn.php") ?>
|
<?php include_once("conn/conn.php") ?>
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
if(isset($_GET['id']))
|
if(isset($_GET['id']))
|
||||||
{
|
{
|
||||||
|
|
@ -11,12 +12,16 @@ $row = mysqli_fetch_array($resultList);
|
||||||
<html>
|
<html>
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
|
<meta name="a.validate.01" content="3f870d3b89dcf97a0c88f539cafe8d369cef" />
|
||||||
|
<meta name="propeller" content="5f7124e0a2e462dd8caeb086fdfa5e47">
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
<meta name="description" content="">
|
<meta name="description" content="LORD CHANNEL THEATER">
|
||||||
<meta name="author" content="">
|
<meta name="author" content="MICKSLASH">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<title>Lord Channel Theater</title>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap" rel="stylesheet">
|
||||||
|
<title><?php echo $row['titolo']?></title>
|
||||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
||||||
<style>
|
<style>
|
||||||
.rectangle {
|
.rectangle {
|
||||||
|
|
@ -25,7 +30,6 @@ $row = mysqli_fetch_array($resultList);
|
||||||
background-color: black;
|
background-color: black;
|
||||||
border: 3px solid red;
|
border: 3px solid red;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 15%;
|
|
||||||
left: 15%;
|
left: 15%;
|
||||||
}
|
}
|
||||||
.rectangle>iframe {
|
.rectangle>iframe {
|
||||||
|
|
@ -34,20 +38,190 @@ $row = mysqli_fetch_array($resultList);
|
||||||
height:100%;
|
height:100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.not-visible {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.not-v{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theater {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.selector {
|
||||||
|
width: 350px;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#selectField {
|
||||||
|
width: 100%;
|
||||||
|
padding: 15px 20px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
border-radius: 6px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background: rgba(60, 60, 60, 1);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
cursor: pointer;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
#selectField img {
|
||||||
|
width: 20px;
|
||||||
|
transition: 0.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
#list {
|
||||||
|
width: 100%;
|
||||||
|
background: rgba(60, 60, 60, 1);
|
||||||
|
border-radius: 5px;
|
||||||
|
overflow: hidden;
|
||||||
|
padding-left: 0;
|
||||||
|
text-align: center;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.options {
|
||||||
|
font-family: 'Ubuntu', sans-serif;
|
||||||
|
width: 100%;
|
||||||
|
padding: 15px 0 15px 40px;
|
||||||
|
list-style: none;
|
||||||
|
cursor: pointer;
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.options img {
|
||||||
|
width: 35px;
|
||||||
|
position: absolute;
|
||||||
|
top: 12px;
|
||||||
|
left: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.options:hover {
|
||||||
|
background: rgba(255, 255, 255, 0.7);
|
||||||
|
}
|
||||||
|
|
||||||
|
.rotate {
|
||||||
|
transform: rotate(180deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
#selectText {
|
||||||
|
font-family: 'Ubuntu', sans-serif;
|
||||||
|
padding: 3px 0px 0px 30px;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.alreadySelected {
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#selectText #serverimg {
|
||||||
|
width: 30px;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 25px;
|
||||||
|
}
|
||||||
|
#adb{position:fixed!important;position:absolute;top:0;top:expression((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+"px");left:0;width:100%;height:100%;background-color:ivory;opacity:0.9;filter:alpha(opacity=90);display:block}#adb p{opacity:1;filter:none;font-size:30px;text-align:center;margin:20% 0}#adb p a{font-size:16px}#adb ~ *{display:none}</style><noscript><font id=adb><p>Sembra tu abbia JavaScript disattivato!<br/>Perfavore attiva JavaScript e ricarica la pagina!<br/><br/><a href="#" onclick="window.location.reload()">Ricarica la pagina</a></p></font></noscript><script>(function(w,u){var d=w.document,z=typeof u;function adb(){function c(c,i){var e=d.createElement('div'),b=d.body,s=b.style,l=b.childNodes.length;if(typeof i!=z){e.setAttribute('id',i);s.margin=s.padding=0;s.height='100%';l=Math.floor(Math.random()*l)+1}e.innerHTML=c;b.insertBefore(e,b.childNodes[l-1])}function g(i,t){return !t?d.getElementById(i):d.getElementsByTagName(t)};function f(v){if(!g('adb')){c('<p><span style="font-size:24px">Ehi! Starai mica bloccando le pubblicità?</span><br/><br/>Il servizio che offriamo è <i>gratuito</i> e come potrai immaginare ci sono dei costi per mantenere i server online.<br/>Perfavore disattiva Adblock e ricarica la pagina!<br/><br/><a href="#" onclick="window.location.reload()">Ricarica la pagina</a></p>','adb')}};(function(){var a=['adStrip','ad_container_0','apiTopAdWrap','google_ads','realEstateAds','right-ad-col','sidebar_sponsoredresult_body','ad','ads','adsense'],l=a.length,i,s='',e;for(i=0;i<l;i++){if(!g(a[i])){s+='<a id="'+a[i]+'"></a>'}}c(s);l=a.length;setTimeout(function(){for(i=0;i<l;i++){e=g(a[i]);if(e.offsetParent==null||(w.getComputedStyle?d.defaultView.getComputedStyle(e,null).getPropertyValue('display'):e.currentStyle.display)=='none'){return f('#'+a[i])}}},250)}());(function(){var t=g(0,'img'),a=['/ad_left.','/adnews.','/ads_ifr.','/cnxad-','/scripts/ads.js','/sponsor-ad|','/square-ads/ad','_ad1.','_openx/','_skyscraper160x600.'],i;if(typeof t[0]!=z&&typeof t[0].src!=z){i=new Image();i.onload=function(){this.onload=z;this.onerror=function(){f(this.src)};this.src=t[0].src+'#'+a.join('')};i.src=t[0].src}}());(function(){var o={'http://pagead2.googlesyndication.com/pagead/show_ads.js':'google_ad_client','http://js.adscale.de/getads.js':'adscale_slot_id','http://get.mirando.de/mirando.js':'adPlaceId'},S=g(0,'script'),l=S.length-1,n,r,i,v,s;d.write=null;for(i=l;i>=0;--i){s=S[i];if(typeof o[s.src]!=z){n=d.createElement('script');n.type='text/javascript';n.src=s.src;v=o[s.src];w[v]=u;r=S[0];n.onload=n.onreadystatechange=function(){if(typeof w[v]==z&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){n.onload=n.onreadystatechange=null;r.parentNode.removeChild(n);w[v]=null}};r.parentNode.insertBefore(n,r);setTimeout(function(){if(w[v]===u){f(n.src)}},2000);break}}}())}if(d.addEventListener){w.addEventListener('load',adb,false)}else{w.attachEvent('onload',adb)}})(window);</script>
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body background="filmserietv.jpg">
|
<body background="https://i.ibb.co/gPDNLVx/filmserietv.jpg">
|
||||||
|
|
||||||
<?php include 'nav.php';?>
|
<?php include 'nav.php';?>
|
||||||
<div class="rectangle">
|
<div id="videoframe" class="not-v"><?php echo json_encode($row['link embedded']) ?></div>
|
||||||
<iframe src='<?php echo $row['link embedded']?>' scrolling="no" frameborder="0" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>
|
<div class="theater">
|
||||||
|
<div class="selector">
|
||||||
|
<div id="selectField">
|
||||||
|
<p id="selectText">Server 1</p>
|
||||||
|
<img src="https://imgpile.com/images/NPMcn8.png" id="arrowIcon">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<ul id="list" class="not-visible">
|
||||||
|
<li id="0" class="options not-visible">
|
||||||
|
<img src="https://img.icons8.com/wired/452/server.png" alt="">
|
||||||
|
<p>Server 1</p>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li id="1" class="options">
|
||||||
|
<img src="https://imgpile.com/images/NPMfxb.png" alt="">
|
||||||
|
<p>Server 2</p>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li id="2" class="options">
|
||||||
|
<img src="https://imgpile.com/images/NPMikS.png" alt="">
|
||||||
|
<p>Server 3</p>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li id="3" class="options">
|
||||||
|
<img src="https://imgpile.com/images/NPMlo3.png" alt="">
|
||||||
|
<p>Server 4</p>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="//code.jquery.com/jquery-3.6.0.min.js" async></script>
|
||||||
|
<script rel="preload" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
|
||||||
|
<script rel="preload" src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
|
||||||
|
|
||||||
|
<div class="rectangle">
|
||||||
|
<iframe src="" frameborder="0" allowFullScreen="true"></iframe>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
$(document).ready(function() {
|
||||||
|
let sites = [<?php echo json_encode($row['link embedded']) ?>, <?php echo json_encode($row['link embedded2']) ?>, <?php echo json_encode($row['link embedded3']) ?>, <?php echo json_encode($row['link embedded4']) ?>];
|
||||||
|
var selectField = document.getElementById('selectField');
|
||||||
|
var selectText = document.getElementById('selectText');
|
||||||
|
var options = document.getElementsByClassName('options');
|
||||||
|
var list = document.getElementById('list');
|
||||||
|
var arrowIcon = document.getElementById('arrowIcon');
|
||||||
|
const iframe = document.querySelector('iframe');
|
||||||
|
iframe.src = sites[0];
|
||||||
|
|
||||||
|
selectField.onclick = function() {
|
||||||
|
list.classList.toggle('not-visible');
|
||||||
|
arrowIcon.classList.toggle('rotate')
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
for (option of options) {
|
||||||
|
option.onclick = function() {
|
||||||
|
let imgStreaming = $("img", this).map(function() {
|
||||||
|
return $(this).prop("src")
|
||||||
|
}).get();
|
||||||
|
selectText.innerHTML = `<img id="serverimg" src="${imgStreaming}"/>${this.textContent}`;
|
||||||
|
list.classList.toggle('not-visible');
|
||||||
|
arrowIcon.classList.toggle('rotate');
|
||||||
|
document.querySelector('iframe').src = sites[this.id];
|
||||||
|
if (!$(this).hasClass("not-visible")) {
|
||||||
|
$("li.not-visible").removeClass("not-visible");
|
||||||
|
$(this).addClass("not-visible");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
for (let i = 0; i < options.length; i++) {
|
||||||
|
if (sites[i] == "") {
|
||||||
|
options[i].classList.add('not-v');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
|
|
||||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue