feat: 24h multi-part videos, slider->TikTok, seek buttons, grid->TikTok

app.py

@@ -265,19 +265,35 @@ def scrape_24h_article(url):
     except Exception as e:
         return {"title":"⚠️ Lỗi","time":"","summary":str(e),"body":[],"related":[],"source_url":url,"source":"24h","og_image":""}
 
-def _extract_24h_video_url(article_url):
-    """Quick extract just the m3u8 URL + poster from a 24h article (for TikTok feed)."""
+def _extract_24h_video_urls(article_url):
+    """Extract ALL m3u8 URLs (multiple halves) + poster from a 24h article.
+    Returns list of {src, poster, vtype} or empty list."""
     try:
         r = requests.get(article_url, headers=HEADERS, timeout=10); r.encoding="utf-8"
         m3u8s = re.findall(r'(https?://cdn\.24h\.com\.vn/[^\s"\'\\]+\.m3u8)', r.text)
-        videos = [u for u in m3u8s if '_720p' not in u]
-        if not videos: videos = m3u8s
-        if not videos: return None
+        full = list(dict.fromkeys(u for u in m3u8s if '_720p' not in u))
+        if not full: return []
         soup = BeautifulSoup(r.text, "lxml")
         og = soup.find("meta", property="og:image")
         poster = og.get("content","") if og else ""
-        return {"src": videos[0], "poster": poster, "vtype": "hls"}
-    except: return None
+        results = [{"src": full[0], "poster": poster, "vtype": "hls"}]
+        # Probe for numbered parts: {base}01.m3u8 → {base}02.m3u8, 03, etc.
+        base_match = re.match(r'(.+?)(\d{2})(\.m3u8)$', full[0])
+        if base_match:
+            base, ext = base_match.group(1), base_match.group(3)
+            for i in range(2, 10):
+                part_url = f"{base}{i:02d}{ext}"
+                if part_url in full:
+                    results.append({"src": part_url, "poster": poster, "vtype": "hls"})
+                    continue
+                try:
+                    tr = requests.head(part_url, headers=HEADERS, timeout=3)
+                    if tr.status_code == 200:
+                        results.append({"src": part_url, "poster": poster, "vtype": "hls"})
+                    else: break
+                except: break
+        return results
+    except: return []
 
 # ── VNE Scrapers ───────────────────────────────────────────────────────────────
 def scrape_vne_list(url):
@@ -436,10 +452,14 @@ def fetch_tiktok_feed_videos():
                 "vtype": "mp4", "source": "bdp", "link": art["link"]}
 
     def _fetch_24h_vid(art):
-        data = _extract_24h_video_url(art["link"])
-        if not data: return None
-        return {"title": art["title"], "src": data["src"], "poster": data["poster"],
-                "vtype": data["vtype"], "source": "24h", "link": art["link"]}
+        vids = _extract_24h_video_urls(art["link"])
+        if not vids: return []
+        results = []
+        for pi, v in enumerate(vids):
+            label = f" (P{pi+1})" if len(vids)>1 else ""
+            results.append({"title": art["title"]+label, "src": v["src"], "poster": v["poster"],
+                "vtype": v["vtype"], "source": "24h", "link": art["link"]})
+        return results
 
     # Get video lists
     bdp_list = scrape_bdp_video_list()[:12]
@@ -457,7 +477,9 @@ def fetch_tiktok_feed_videos():
         for f in as_completed(h24_futures):
             try:
                 r = f.result()
-                if r: h24_results.append(r)
+                if r:
+                    if isinstance(r, list): h24_results.extend(r)
+                    else: h24_results.append(r)
             except: pass
 
     # Interleave BDP and 24h
@@ -512,7 +534,7 @@ def render_video_slider_html(videos):
         title = v.get("title", "")
         aid = make_id(link)
         sl = slug(title) if title else f"video-{i}"
-        click_js = f"window.bdpOpen('{esc(link)}','{aid}','{sl}')"
+        click_js = f"window.bdpOpenTikTok('{esc(link)}','{aid}')"
         src_badge = ""
         if v.get("source") == "24h":
             src_badge = '<span class="vslide-badge vslide-badge-24h">24h</span>'
@@ -575,9 +597,13 @@ def render_video_page_html():
             else:
                 video_tag = f'<video class="tiktok-video" playsinline preload="metadata"{poster_attr} muted loop><source src="{safe_url(vsrc)}" type="video/mp4"></video>'
 
-            slides.append(f'''<div class="tiktok-slide" data-index="{vi}">
+            slides.append(f'''<div class="tiktok-slide" data-index="{vi}" data-aid="{aid}">
 {video_tag}
 <div class="tiktok-pause-icon">▶</div>
+<div class="tiktok-seek-controls">
+<button class="tiktok-seek-btn" onclick="event.stopPropagation();window.bdpSeek(this,-10)">⏪ 10s</button>
+<button class="tiktok-seek-btn" onclick="event.stopPropagation();window.bdpSeek(this,10)">10s ⏩</button>
+</div>
 <div class="tiktok-bottom">
 <span class="bdp-badge {badge_cls}">{src_label}</span>
 <p class="tiktok-title">{v.get("title","")}</p>
@@ -603,11 +629,11 @@ def render_video_page_html():
         grid_parts.append(f'<div class="bdp-topbar"><span>⏱ {now}</span><span>📰 {len(articles)} video · BDP + 24h</span></div>')
         if feat:
             grid_parts.append('<div class="bdp-grid bdp-grid-featured">')
-            for a in feat[:6]: grid_parts.append(_list_card(a,True))
+            for a in feat[:6]: grid_parts.append(_list_card(a,True,tiktok=True))
             grid_parts.append('</div>')
         if reg:
             grid_parts.append('<div class="bdp-grid">')
-            for a in reg[:40]: grid_parts.append(_list_card(a,False))
+            for a in reg[:40]: grid_parts.append(_list_card(a,False,tiktok=True))
             grid_parts.append('</div>')
         grid_parts.append('</div>')
         grid_html = '\n'.join(grid_parts)
@@ -631,7 +657,7 @@ def render_list_html(articles,group_name=""):
     parts.append('</div>')
     return '\n'.join(parts)
 
-def _list_card(art,big):
+def _list_card(art,big,tiktok=False):
     img_html=""
     if art.get("img"):
         c="bdp-card-img bdp-card-img-big" if big else "bdp-card-img"
@@ -648,7 +674,10 @@ def _list_card(art,big):
     elif art.get("source")=="bdp": badge=f'<span class="bdp-badge bdp-badge-bdp">{grp or "BongDaPlus"}</span>'
     sl=slug(art["title"])
     share_js=f"event.stopPropagation();window.bdpShareHash('{esc(art['title'])}','{sl}','{aid}')"
-    click_js=f"window.bdpOpen('{esc(link)}','{aid}','{sl}')"
+    if tiktok:
+        click_js=f"window.bdpOpenTikTok('{esc(link)}','{aid}')"
+    else:
+        click_js=f"window.bdpOpen('{esc(link)}','{aid}','{sl}')"
     return f"""<div class="bdp-card" onclick="{click_js}">
 {img_html}<div class="bdp-card-body">{badge}<h3 class="{tc}">{art['title']}</h3>
 {summ_html}<div class="bdp-card-footer">{time_html}
@@ -826,6 +855,10 @@ footer,.built-with{display:none!important}
 .tiktok-unmute-hint{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;padding:6px 12px;border-radius:18px;cursor:pointer;z-index:4;backdrop-filter:blur(4px);transition:opacity .3s}
 .tiktok-pause-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:rgba(0,0,0,.5);border-radius:50%;color:#fff;font-size:28px;z-index:5;pointer-events:none;display:none;align-items:center;justify-content:center;line-height:70px;text-align:center}
 .tiktok-slide.paused .tiktok-pause-icon{display:block}
+.tiktok-seek-controls{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:40px;z-index:6;pointer-events:auto}
+.tiktok-seek-btn{background:rgba(0,0,0,.4);color:#fff;border:none;padding:8px 14px;border-radius:20px;font-size:12px;cursor:pointer;backdrop-filter:blur(4px);font-weight:600;opacity:.7;transition:opacity .2s}
+.tiktok-seek-btn:hover{opacity:1}
+.tiktok-seek-btn:active{transform:scale(.9)}
 .vslide-badge{position:absolute;top:6px;left:6px;font-size:9px;padding:1px 6px;border-radius:3px;font-weight:700;z-index:2}
 .vslide-badge-24h{background:#e67e22;color:#fff}
 """
@@ -888,6 +921,51 @@ function initHlsVideo(v){
 }
 
 /* ══ TikTok Fullscreen Feed ══ */
+window.bdpSeek=function(btn,sec){
+    var slide=btn.closest('.tiktok-slide');
+    if(!slide) return;
+    var v=slide.querySelector('.tiktok-video');
+    if(!v) return;
+    v.currentTime=Math.max(0,Math.min(v.duration||9999,v.currentTime+sec));
+};
+
+window.bdpOpenTikTok=function(url,aid){
+    /* Switch to Video tab and scroll TikTok feed to matching video */
+    try{localStorage.setItem('bdp_url_'+aid,url);}catch(e){}
+    /* Find the dropdown and switch to Video Tổng Hợp */
+    var dd=document.querySelector('.controls-row select, .controls-row input[role="listbox"]');
+    if(!dd){
+        /* Gradio dropdown: find the actual element */
+        var labels=document.querySelectorAll('.controls-row .wrap');
+        labels.forEach(function(l){
+            var inp=l.querySelector('input');
+            if(inp){
+                inp.value='🎬 Video Tổng Hợp';
+                inp.dispatchEvent(new Event('input',{bubbles:true}));
+                /* Also try clicking the option */
+                setTimeout(function(){
+                    var opts=document.querySelectorAll('[role="option"]');
+                    opts.forEach(function(o){if(o.textContent.indexOf('Video')>-1)o.click();});
+                },200);
+            }
+        });
+    }
+    /* After switching, scroll to the matching video in TikTok feed */
+    setTimeout(function(){
+        var feed=document.querySelector('.tiktok-fullscreen-feed');
+        if(!feed) return;
+        /* Find slide with matching link */
+        var slides=feed.querySelectorAll('.tiktok-slide');
+        var targetIdx=-1;
+        slides.forEach(function(sl,i){
+            if(sl.getAttribute('data-aid')===aid) targetIdx=i;
+        });
+        if(targetIdx>=0 && slides[targetIdx]){
+            slides[targetIdx].scrollIntoView({behavior:'smooth'});
+        }
+        window.scrollTo({top:0,behavior:'smooth'});
+    },1500);
+};
 window.bdpTikTokUnmute=function(hint){
     var feed=hint.closest('.tiktok-fullscreen-feed')||hint.closest('.tiktok-feed');
     var slide=hint.closest('.tiktok-slide');