Upload static/yt_live.js with huggingface_hub

static/yt_live.js

@@ -297,16 +297,47 @@
     if (!video) return;
     const wasMuted = video.muted;
     if (_hls) { _hls.destroy(); _hls = null; }
-    const src = 'https://' + window.location.host + _dvr.bufferUrl;
+    // Dùng relative URL để HLS.js resolve segment paths đúng
+    const src = _dvr.bufferUrl;
+    console.log('[DVR] Switching to buffer:', src);
     if (typeof Hls !== 'undefined' && Hls.isSupported()) {
-      const hls = new Hls({enableWorker:true, lowLatencyMode:false, startLevel:0, capLevelToPlayerSize:true, maxBufferLength:30, liveSyncDurationCount:2});
+      const hls = new Hls({
+        enableWorker: true,
+        lowLatencyMode: false,
+        startLevel: 0,
+        capLevelToPlayerSize: true,
+        maxBufferLength: 30,
+        liveSyncDurationCount: 2,
+        fragLoadingTimeOut: 15000,
+        manifestLoadingTimeOut: 15000,
+      });
       _hls = hls;
       hls.loadSource(src);
       hls.attachMedia(video);
-      hls.on(Hls.Events.MANIFEST_PARSED, () => { video.play().catch(()=>{}); });
+      hls.on(Hls.Events.MANIFEST_PARSED, () => {
+        console.log('[DVR] Manifest parsed, playing...');
+        video.play().catch(e => console.warn('[DVR] play failed:', e));
+      });
+      hls.on(Hls.Events.ERROR, (ev, data) => {
+        console.error('[DVR] HLS error:', data.type, data.details, data.fatal);
+        if (data.fatal) {
+          if (data.type === Hls.ErrorTypes.NETWORK_ERROR) {
+            console.log('[DVR] Network error, retrying in 3s...');
+            setTimeout(() => { if (_dvr.active) _switchToDvrStream(); }, 3000);
+          } else {
+            console.log('[DVR] Fatal error, falling back to live stream');
+            _dvr.active = false;
+            const btn = document.getElementById('vtv-dvr-btn');
+            if (btn) { btn.classList.remove('on'); btn.innerHTML = '<svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="8"/><line x1="12" y1="8" x2="12" y2="12" stroke="currentColor" stroke-width="2"/></svg> DVR 5\''; }
+            _switchToLiveStream();
+          }
+        }
+      });
     } else if (video.canPlayType('application/vnd.apple.mpegurl')) {
       video.src = src;
-      video.play().catch(()=>{});
+      video.play().catch(e => console.warn('[DVR] native play failed:', e));
+    } else {
+      alert('Trình duyệt không hỗ trợ HLS — cần hls.js');
     }
     video.muted = wasMuted;
   }
@@ -321,25 +352,70 @@
   }
 
   // ===== SCHEDULED RECORD =====
+  // Helper: format Date theo giờ VN (UTC+7) thành ISO string có timezone
+  function _toVNISO(date) {
+    // Tạo ISO string với offset +07:00
+    const tz = 7 * 60; // UTC+7 = +420 minutes
+    const d = new Date(date.getTime() + tz * 60000);
+    const iso = d.toISOString().replace('Z', '');
+    return iso + '+07:00';
+  }
+
   window._vtvSchedRecord = function() {
     const ch = _currentCh || 'vtv1';
-    const durStr = prompt('Thời lượng record (giây, max 3600):', '600');
+    // Bước 1: Hỏi thời lượng
+    const durStr = prompt('⏱️ Thời lượng record (giây):\n\n• 60 = 1 phút\n• 300 = 5 phút\n• 600 = 10 phút\n• 1800 = 30 phút\n• 3600 = 1 giờ', '600');
     if (!durStr) return;
     const dur = parseInt(durStr);
-    if (!dur || dur < 5 || dur > 3600) { alert('Thời lượng 5-3600s'); return; }
-    const now = new Date();
-    const startIso = new Date(now.getTime() + 5000).toISOString();
+    if (!dur || dur < 5 || dur > 3600) { alert('⚠️ Thời lượng từ 5 đến 3600 giây!'); return; }
+
+    // Bước 2: Hỏi thời điểm bắt đầu (giờ VN)
+    const nowVN = new Date(Date.now() + 7*3600000 - new Date().getTimezoneOffset()*60000);
+    const nowVNStr = nowVN.toISOString().slice(0, 16); // YYYY-MM-DDTHH:mm
+    const startStr = prompt('🕐 Thời điểm BẮT ĐẦU (giờ VN):\n\nĐịnh dạng: YYYY-MM-DD HH:MM\nVí dụ: ' + nowVNStr.replace('T', ' '), nowVNStr.replace('T', ' '));
+    if (!startStr) return;
+
+    // Parse giờ VN thành ISO
+    const startVN = new Date(startStr.replace(' ', 'T') + ':00+07:00');
+    if (isNaN(startVN.getTime())) { alert('⚠️ Giờ không hợp lệ! Dùng format: YYYY-MM-DD HH:MM'); return; }
+
+    // Bước 3: Hỏi thời điểm kết thúc (giờ VN)
+    const defaultEnd = new Date(startVN.getTime() + dur*1000);
+    const defaultEndStr = new Date(defaultEnd.getTime() + 7*3600000 - defaultEnd.getTimezoneOffset()*60000).toISOString().slice(0,16).replace('T',' ');
+    const endStr = prompt('🕐 Thời điểm KẾT THÚC (giờ VN):\n\nMặc định = bắt đầu + ' + dur + 's', defaultEndStr);
+    if (!endStr) return;
+    const endVN = new Date(endStr.replace(' ', 'T') + ':00+07:00');
+    if (isNaN(endVN.getTime()) || endVN <= startVN) { alert('⚠️ Giờ kết thúc phải sau giờ bắt đầu!'); return; }
+
+    // Confirm
+    const durActual = Math.round((endVN - startVN) / 1000);
+    const ok = confirm(
+      '📋 XÁC NHẬN HẸN GIỜ RECORD\n\n' +
+      '📺 Kênh: ' + ch.toUpperCase() + '\n' +
+      '🕐 Bắt đầu: ' + startStr + ' (VN)\n' +
+      '🕐 Kết thúc: ' + endStr + ' (VN)\n' +
+      '⏱️ Thời lượng: ' + durActual + 's (' + Math.floor(durActual/60) + 'p ' + (durActual%60) + 's)\n\n' +
+      'OK để xác nhận?'
+    );
+    if (!ok) return;
+
     fetch('/api/dvr/record/schedule', {
       method: 'POST',
       headers: {'Content-Type': 'application/json'},
-      body: JSON.stringify({channel: ch, start_iso: startIso, duration_sec: dur, prebuffer: true})
+      body: JSON.stringify({
+        channel: ch,
+        start_iso: startVN.toISOString(),
+        end_iso: endVN.toISOString(),
+        duration_sec: durActual,
+        prebuffer: true
+      })
     })
     .then(r => r.json())
     .then(d => {
-      if (d.error) alert('Error: ' + d.error);
-      else alert('✅ Đã hẹn giờ record!\nKênh: ' + ch.toUpperCase() + '\nThời lượng: ' + dur + 's\nBắt đầu: ' + new Date(startIso).toLocaleString('vi-VN'));
+      if (d.error) alert('❌ Error: ' + d.error);
+      else alert('✅ Đã hẹn giờ record!\n\n📺 Kênh: ' + ch.toUpperCase() + '\n🕐 ' + startStr + ' → ' + endStr + ' (giờ VN)\n⏱️ ' + durActual + 's');
     })
-    .catch(e => alert('Error: ' + e.message));
+    .catch(e => alert('❌ Error: ' + e.message));
   };
 
   // ===== BUILD INLINE RECORDER =====