<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKsmQfT-D4-HRIfPeKrBMX-v493DLj9DDdbcBXDrl1u4f2wyIk0Sz67sVrR82wADDTDULOIili-wJBXh1pgZ9ftMuDz7pqQ3XDq4u-9xXLjw2o589TFX-kt_zjYmUjazL8VNKBWS7d3fuA9QSWEbzXdrTajZQSND8PjXtfhFtvA0A2OEW598k8Aaro8sX4/s1350/kim-yoo-jung-ji-chang-wook.jpg" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" data-original-height="1350" data-original-width="945" height="320" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKsmQfT-D4-HRIfPeKrBMX-v493DLj9DDdbcBXDrl1u4f2wyIk0Sz67sVrR82wADDTDULOIili-wJBXh1pgZ9ftMuDz7pqQ3XDq4u-9xXLjw2o589TFX-kt_zjYmUjazL8VNKBWS7d3fuA9QSWEbzXdrTajZQSND8PjXtfhFtvA0A2OEW598k8Aaro8sX4/s320-rw/kim-yoo-jung-ji-chang-wook.jpg"/></a></div>

<html lang="id">
<head>
<meta charset="UTF-8">
<title>Premium Streaming</title>
<meta name="viewport" content="width=device-width,initial-scale=1">

.separator{text-align:center;margin-bottom:8px}

.app{display:flex;gap:12px;padding:10px;align-items:flex-start}

.player{
  flex:3;background:#000;border-radius:14px;
  aspect-ratio:16/9;overflow:hidden;position:relative
}
.player iframe{width:100%;height:100%;border:0}

.locked{
  position:absolute;inset:0;
  display:flex;flex-direction:column;
  justify-content:center;align-items:center;
  text-align:center;background:#000
}

.sidebar{
  flex:1;max-width:330px;
  background:#111;border-radius:14px;
  padding:12px
}

.vip-box{
  background:linear-gradient(135deg,#ff7a18,#ffb347);
  padding:8px;border-radius:10px;
  text-align:center;margin-bottom:10px
}
.vip-btn{
  display:block;margin-top:6px;
  padding:9px;border-radius:9px;
  background:#000;color:#ffb347;
  text-decoration:none;font-weight:600
}

/* ================= EPISODES ================= */
.episodes{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:6px;
  max-height:220px;
  overflow-y:auto;
  padding-right:4px;
  margin-bottom:10px
}
.ep{
  background:#1b1b1b;
  padding:7px 0;border-radius:7px;
  font-size:13px;text-align:center;
  cursor:pointer
}
.ep.active{background:#2ecc71;color:#000}
.ep.lock{opacity:.4}
.episodes::-webkit-scrollbar{width:5px}
.episodes::-webkit-scrollbar-thumb{background:#333;border-radius:10px}

/* TOKEN */
.token input,.token select,.token button{
  width:100%;margin-top:6px;
  padding:8px;border-radius:8px;
  border:0;background:#1a1a1a;color:#fff
}

/* PEMERAN */
.actor{
  display:grid;grid-auto-flow:column;
  grid-auto-columns:110px;
  gap:6px;overflow-x:auto
}
#pemeran img{
  width:72px;border-radius:50%;
  aspect-ratio:1/1;object-fit:cover
}

/* ================= MOBILE PORTRAIT ================= */
@media (max-width: 768px) {
  .app{
    flex-direction: column;
    gap: 8px;
    padding: 6px;
  }

/* VIDEO FULL LEBAR HP */
  .player{
    width: 100%;
    max-width: 100%;
    border-radius: 12px;
    aspect-ratio: 16 / 9;
  }

/* SIDEBAR PINDAH KE BAWAH */
  .sidebar{
    max-width: 100%;
    padding: 10px;
    border-radius: 12px;
  }

/* EPISODE RAPI & RAPAT */
  .episodes{
    grid-template-columns: repeat(6, 1fr);
    gap: 5px;
    max-height: unset;
    overflow: visible;
    margin-bottom: 10px;
  }

.ep{
    padding: 8px 0;
    font-size: 12px;
    border-radius: 6px;
  }
}

/* ================= MOBILE PORTRAIT ================= */
@media (max-width: 768px) {
  .episodes{
    grid-template-columns: repeat(6, 1fr);
    gap: 5px;

max-height: 160px;          /* BATAS TINGGI */
    overflow-y: auto;           /* AKTIFKAN SCROLL */
    -webkit-overflow-scrolling: touch;

padding-right: 4px;
    margin-bottom: 10px;
  }

.ep{
    padding: 8px 0;
    font-size: 12px;
    border-radius: 6px;
  }

/* scrollbar tipis & halus */
  .episodes::-webkit-scrollbar{
    width: 4px;
  }
  .episodes::-webkit-scrollbar-thumb{
    background: #333;
    border-radius: 10px;
  }
}
/* ================= SELECT VIP FINAL SAFE ================= */
#duration{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;

width:100%;
  height:44px;
  padding:0 44px 0 14px;

border-radius:10px;
  border:1px solid #262626;

font-size:14px;
  font-weight:600;
  letter-spacing:.2px;

color:#eaeaea;
  background-color:#151515;

/* PANAH KUNING LEBIH BESAR */
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffb347'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  background-size:18px; /* ← DIBESARKAN */

box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 -1px 0 rgba(0,0,0,.7);

cursor:pointer;
}

/* FOCUS */
#duration:focus{
  outline:none;
  border-color:#ffb347;
}

/* OPTION */
#duration option{
  background:#121212;
  color:#fff;
  font-weight:600;
}
  /* ================= IKLAN SEJAJAR EPISODE (PC ONLY) ================= */
.ads-desktop{
  display: none;
}

@media (min-width: 901px){

.ads-desktop{
    display: block;
    margin-top: 16px;
    padding: 12px;
    background: linear-gradient(135deg,#0f0f0f,#1b1b1b);
    border-radius: 14px;
    border: 1px solid rgba(255,215,0,.35);
    box-shadow: 0 10px 28px rgba(0,0,0,.55);
    text-align: center;
  }

.ads-desktop img,
  .ads-desktop iframe{
    max-width: 100%;
    height: auto;
    border-radius: 10px;
  }
}
  /* ===== PC ONLY ===== */
.pc-only{
  display:none;
}

/* tampil hanya di PC */
@media (min-width: 992px){
  .pc-only{
    display:flex;
  }
}

/* ===== KOTAK NAMA KEREN ===== */
.name-box{
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  border-radius:16px;
  background:
    linear-gradient(135deg,#ffb347,#ff7a18);
  box-shadow:
    0 8px 20px rgba(255,160,60,.35),
    inset 0 0 0 2px rgba(0,0,0,.45);
  text-align:center;
  margin-bottom:10px;
}

.name-title{
  font-size:15px;
  font-weight:700;
  letter-spacing:1px;
  color:#000;
}

.name-sub{
  font-size:11px;
  margin-top:2px;
  font-weight:600;
  letter-spacing:.6px;
  color:rgba(0,0,0,.75);
}

</style>
  
</head>

<body>

<div class="sidebar">
    <div class="vip-box">
      <small>AKSES PREMIUM</small>

<a class="vip-btn" href="#" onclick="openQRIS()">Bayar QRIS (Auto)</a>

<a class="vip-btn" href="https://wa.me/6285766840551?text=Halo%20admin%2C%20saya%20ingin%20VIP" target="_blank">
        Bayar via WhatsApp
      </a>
    </div>

<div class="token">
      <input id="tokenInput" placeholder="TOKEN VIP">
      <select id="duration">
        <option value="VIP7">7 Hari Rp.10.000</option>
        <option value="VIP14">14 Hari Rp.15.000</option>
        <option value="VIP30">30 Hari Rp.30.000</option>
      </select>
      <button onclick="activateVIP()">Aktifkan</button>
    </div>
  <div class="ads-desktop">
    <img alt="Iklan" loading="lazy" src="https://i.ytimg.com/vi/9Yvau1dHOb8/maxresdefault.jpg">
  </div><div class="name-box pc-only">
  <span class="name-title">PREMIUM STREAMING</span>
  <span class="name-sub">VIP MEMBER AREA</span>
</div>

</div>
</div>

<div id="qrisModal" style="
display:none;
position:fixed;
inset:0;
background:rgba(0,0,0,.85);
z-index:9999;
align-items:center;
justify-content:center">

<span onclick="closeQRIS()" style="
      position:absolute;
      top:10px;
      right:12px;
      font-size:22px;
      font-weight:bold;
      color:#fff;
      cursor:pointer;
      line-height:1">
      ×
    </span>

<div style="
      padding:10px;
      background:linear-gradient(135deg,#ff7a18,#ffb347);
      border-radius:18px;
      box-shadow:
        0 0 0 3px #000,
        0 0 18px rgba(255,180,70,.45);
      display:inline-block">

<p style="font-size:12px;opacity:.7;margin-top:8px">
      Pembayaran diverifikasi otomatis
    </p>

<button onclick="closeQRIS()" style="
      margin-top:10px;
      padding:8px 14px;
      border:0;
      border-radius:10px;
      background:#1a1a1a;
      color:#fff;
      cursor:pointer">
      Tutup
    </button>

</div>
</div>
<script>
/* ================= CONFIG ================= */
const DAY = 86400000;
const VIP_START = 50;
const SECRET_KEY = "vip_secure_v1";

/* ================= SOURCES ================= */
const SOURCES = {
1:"https://www.youtube.com/embed/VOdmU4_SvpU?si=ARpROwRROJBCxuQf",
2:"https://www.youtube.com/embed/TVCGYiytCN0?si=Bq-So2i1RGvE9hhR",
3:"https://www.youtube.com/embed/4oqSW7LcE_g?si=krrRweCiCPtthT2M",
4:"https://rutube.ru/play/embed/750ee0c25b75c69e932c28af97a9772f",
5:"https://www.youtube.com/embed/y8Av3XQ59qA?si=UHGQD3kjlXPOD1Xe",
6:"https://www.youtube.com/embed/pjXsx9kLb6M?si=q62qvIlmjzvp_gxg",
7:"https://www.youtube.com/embed/leHds7HIvpQ?si=lCuPqi36lCDYVdRf",
8:"https://www.youtube.com/embed/YWlU-ssEp4g?si=cA-YmVOwsPVZuusU",
9:"https://www.youtube.com/embed/B9FNzx-W0SM?si=kMinGm30QBe7xxbg",
10:"https://www.youtube.com/embed/X57z6VuNCvs?si=PZTfIHhNP6PJo1ly",
11:"https://www.youtube.com/embed/P5oNytMnszQ?si=4tTtFkeYJJGkvdXi",
12:"https://www.youtube.com/embed/YK_lYYJSfFI?si=rvuEtBc0hldQIdcq",
13:"https://www.youtube.com/embed/-sjEW7k4s7c?si=9sJhWXcje-21sdpQ",
14:"https://www.youtube.com/embed/EO7xMWHIvb8?si=NQEvplaoTS9USr4k",
15:"https://www.youtube.com/embed/-DhyAlOwLmU?si=XEmN58pJm5rJ70Zr",
16:"https://www.youtube.com/embed/qBk0-60q_yo?si=Rki7PeuWbNNXSxOx",
};

const TOTAL_EP = Object.keys(SOURCES).length;

/* ================= SIMPLE HASH ================= */
function hashVIP(exp){
  return btoa(exp + "_" + SECRET_KEY);
}

/* ================= VIP ================= */
function isVIP(){
  const exp=parseInt(localStorage.getItem("vip_expired")||0);
  const sign=localStorage.getItem("vip_sign")||"";
  if(!exp || !sign) return false;
  if(hashVIP(exp)!==sign) return false;
  return Date.now()<exp;
}

/* ================= ACTIVATE VIP ================= */
function activateVIP(){
  const duration=document.getElementById("duration").value;
  let days=7;
  if(duration==="VIP14") days=14;
  if(duration==="VIP30") days=30;

const expire=Date.now()+(days*DAY);
  localStorage.setItem("vip_expired",expire);
  localStorage.setItem("vip_sign",hashVIP(expire));

alert("VIP aktif sampai "+new Date(expire).toLocaleDateString());
  renderEpisodes(currentEP);
}

/* ================= QRIS ================= */
function openQRIS(){
  const modal=document.getElementById("qrisModal");
  if(modal) modal.style.display="flex";
}
function closeQRIS(){
  const modal=document.getElementById("qrisModal");
  if(modal) modal.style.display="none";
}
document.addEventListener("click",function(e){
  if(e.target.id==="qrisModal") closeQRIS();
});

/* ================= RAM CLEANER ================= */
function clearRAM(){
  if(currentIframe){
    currentIframe.src="about:blank";
    currentIframe.remove();
    currentIframe=null;
  }
  if(watchTimer){
    clearInterval(watchTimer);
    watchTimer=null;
  }
  setTimeout(()=>{
    if(window.gc) try{window.gc();}catch(e){}
  },50);
}

/* ================= PLAYER ================= */
let currentEP=1;
let currentIframe=null;
let watchTimer=null;
let watchSeconds=0;

function saveLastEpisode(ep){
  localStorage.setItem("last_episode",ep);
}
function getLastEpisode(){
  return parseInt(localStorage.getItem("last_episode")||1);
}

/* ================= LOAD ================= */
function loadEpisode(ep){
  currentEP=ep;
  saveLastEpisode(ep);

if(ep>=VIP_START && !isVIP()){
    player.innerHTML=`
      <div class="locked">
        <h3>🔒 Konten Premium</h3>
        <p>Beli VIP untuk melanjutkan</p>
      </div>`;
    return;
  }

clearRAM(); // 🔥 AUTO CLEAR RAM

const iframe=document.createElement("iframe");
  iframe.src=SOURCES[ep];
  iframe.allow="autoplay; encrypted-media";
  iframe.setAttribute("allowfullscreen","");
  iframe.loading="lazy";

player.innerHTML="";
  player.appendChild(iframe);
  currentIframe=iframe;

setTimeout(()=>showResumeNotice(ep),1500);

watchSeconds=getWatchTime(ep);
  watchTimer=setInterval(()=>{
    watchSeconds+=5;
    saveWatchTime(ep,watchSeconds);
  },5000);
}

/* ================= RENDER ================= */
function renderEpisodes(active=1){
  episodes.innerHTML="";
  for(let i=1;i<=TOTAL_EP;i++){
    const d=document.createElement("div");
    d.className="ep"+(i===active?" active":"")+(i>=VIP_START&&!isVIP()?" lock":"");
    d.textContent=i;
    d.onclick=()=>{renderEpisodes(i);loadEpisode(i)};
    episodes.appendChild(d);
  }
}

/* ================= INIT ================= */
const startEP=getLastEpisode();
renderEpisodes(startEP);
loadEpisode(startEP);
</script>

</body>
</html>

Romansa Rocky

2024

Description:

Premium Streaming

Romansa Rocky

Scan QRIS Dana

Posting Komentar