Spaces:
Running
Running
Restore to commit f28ba6befe4f21e5202132cf2117664f538c960b
#40
by bep40 - opened
- .gitignore +0 -6
- .huggingface/main.json +0 -0
- .rebuild +1 -0
- .restart_trigger +1 -0
- CHANGELOG.md +70 -12
- Dockerfile +2 -2
- README.md +1 -26
- RESTART_TRIGGER.md +5 -6
- ai_ext.py +360 -118
- ai_short_v2.py +0 -2083
- app_v2.js +0 -0
- app_v2_entry.py +0 -0
- app_v2_entry.py.gitigignore +1 -1
- bdp_full.html +0 -1250
- bdp_page.html +0 -1250
- embed.html +0 -56
- headers.txt +0 -9
- index_v2.html +0 -98
- main.py +48 -607
- main_patch.py +1 -1
- rebuild_trigger.txt +1 -1
- requirements.txt +1 -3
- restart.txt +1 -1
- restart_trigger.md +0 -14
- rewrite_fix_v2.js +1 -1
- rewrite_slide.py +8 -27
- shorts_cache.py +1 -1
- shorts_rss_proxy.py +1 -1
- static/app_v2.js +0 -0
- static/designer_v2.js +0 -903
- static/fm_fix.css +0 -247
- static/index_v2.html +6 -25
- static/live_mode.js +1 -23
- static/rewrite_fix.js +194 -0
- static/vtv_init.js +93 -115
- static/yt_live.js +175 -13
- vtv_api.py +35 -31
- vtv_shorts.py +1 -1
- wc2026_scraper.py +1 -1
- yt_scraper.py +1 -1
.gitignore
DELETED
|
@@ -1,6 +0,0 @@
|
|
| 1 |
-
__pycache__/
|
| 2 |
-
*.pyc
|
| 3 |
-
data/
|
| 4 |
-
.data
|
| 5 |
-
.huggingface/
|
| 6 |
-
.restart_trigger
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.huggingface/main.json
ADDED
|
File without changes
|
.rebuild
ADDED
|
@@ -0,0 +1 @@
|
|
|
|
|
|
|
| 1 |
+
1784773737.7552507
|
.restart_trigger
ADDED
|
@@ -0,0 +1 @@
|
|
|
|
|
|
|
| 1 |
+
Restart to apply AI scraper changes: RSS-based sources + random shuffle
|
CHANGELOG.md
CHANGED
|
@@ -1,16 +1,74 @@
|
|
| 1 |
-
#
|
|
|
|
| 2 |
|
| 3 |
-
|
| 4 |
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
-
|
| 12 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 13 |
|
| 14 |
## Changes
|
| 15 |
-
|
| 16 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
# VNEWS v2.8 - Icon Change
|
| 2 |
+
- Changed Short AI feed video share button icon from 📤 (upload/share) to 📥 (download) to distinguish from article share
|
| 3 |
|
| 4 |
+
# VNEWS v6.5 - Resilient Shorts Auto-Updater
|
| 5 |
|
| 6 |
+
## Changes
|
| 7 |
+
|
| 8 |
+
### Critical Fix: Shorts timeout and homepage load stability
|
| 9 |
+
**Root cause**: YouTube shorts fetching in `main.py` using `scrape_shorts()` and `_yt_channel_shorts_requests()` could hang indefinitely when YouTube blocks requests or yt-dlp times out, causing:
|
| 10 |
+
- Homepage `/api/shorts` endpoint to time out (30s limit)
|
| 11 |
+
- Space to appear unresponsive on first load
|
| 12 |
+
- No fallback when sources fail
|
| 13 |
+
|
| 14 |
+
**Fix applied**:
|
| 15 |
+
1. **shorts_updater.py** (NEW) — Resilient background updater:
|
| 16 |
+
- Hard timeout (25s) per channel using subprocess isolation
|
| 17 |
+
- Stale-while-revalidate pattern: returns cached data immediately, updates in background
|
| 18 |
+
- Automatic fallback to hardcoded short URLs when all sources fail
|
| 19 |
+
- Persistent storage in `/data/shorts_cache.json` for cache across restarts
|
| 20 |
+
- Background scheduler runs every 10 minutes automatically
|
| 21 |
+
- No blocking on first homepage load
|
| 22 |
+
|
| 23 |
+
2. **_run.py** — Integrated resilient shorts endpoint:
|
| 24 |
+
- Overrides `/api/shorts` with non-blocking version
|
| 25 |
+
- Returns cached/fallback data in <100ms guaranteed
|
| 26 |
+
- Triggers background update if cache is stale or empty
|
| 27 |
+
- Never hangs - always returns valid JSON response
|
| 28 |
+
|
| 29 |
+
3. **FALLBACK_SHORTS** — 6 hardcoded viral shorts as emergency fallback:
|
| 30 |
+
- baodantri7941 (Dân trí) headlines
|
| 31 |
+
- baosuckhoedoisongboyte (Sức khỏe & đời sống) stories
|
| 32 |
+
- vtvnambo (VTV Nam Bộ) news
|
| 33 |
+
|
| 34 |
+
### Benefits
|
| 35 |
+
- Homepage loads in <2 seconds always
|
| 36 |
+
- Shorts data auto-updates every 10 minutes
|
| 37 |
+
- Never times out - graceful degradation to fallback
|
| 38 |
+
- Persistent cache survives Space restarts
|
| 39 |
+
- Uses bucket `bep40/VNEWS-storage` for cache storage
|
| 40 |
+
|
| 41 |
+
### Channels monitored
|
| 42 |
+
- baodantri7941 (Dân trí)
|
| 43 |
+
- baosuckhoedoisongboyte (Sức khỏe & đời sống)
|
| 44 |
+
- vtvnambo (VTV Nam Bộ)
|
| 45 |
+
|
| 46 |
+
---
|
| 47 |
+
|
| 48 |
+
# VNEWS v5.1 - Rewrite Fix
|
| 49 |
|
| 50 |
## Changes
|
| 51 |
+
|
| 52 |
+
### Critical Fix: Rewrite button not creating posts on Tường AI
|
| 53 |
+
**Root cause**: `_run.py` imports from `app_v2_entry.py`, but the `/api/rewrite_share` endpoint was only defined in `ai_runtime_patch_fast.py` (loaded through `app_entry.py` which is NOT used). The frontend called a non-existent endpoint → 404 → silent failure.
|
| 54 |
+
|
| 55 |
+
**Fix applied**:
|
| 56 |
+
1. **app_v2_entry.py** — Added 3 new endpoints:
|
| 57 |
+
- `POST /api/rewrite_slide` — Fast extractive summary (no AI needed), creates slides from article key points + images, saves to wall
|
| 58 |
+
- `POST /api/rewrite_share` — AI-powered rewrite with extractive fallback, saves to wall
|
| 59 |
+
- `POST /api/url_wall` — URL submission endpoint (alias for rewrite_share)
|
| 60 |
+
- All endpoints use the same `_load_wall_posts()` / `_save_wall_posts()` and `WALL_FILE` path as the existing `/api/wall` endpoint
|
| 61 |
+
|
| 62 |
+
2. **static/index_v2.html** — Added `<script src="/static/rewrite_fix_v2.js"></script>` to load the rewrite fix
|
| 63 |
+
|
| 64 |
+
3. **static/rewrite_fix_v2.js** — New file that overrides `rewriteArticle()` to:
|
| 65 |
+
- Call `/api/rewrite_slide` first (fast, no AI needed)
|
| 66 |
+
- Fallback to `/api/rewrite_share` if slide fails
|
| 67 |
+
- Show slide preview overlay after successful post
|
| 68 |
+
- Use `prependWallPost()` to add the new post to Tường AI
|
| 69 |
+
|
| 70 |
+
### Previous changes (v5)
|
| 71 |
+
- Rewrote match_detail_v2.py with correct event parsing
|
| 72 |
+
- 2-tab layout for match detail (stats + timeline)
|
| 73 |
+
- Fixed _run.py import
|
| 74 |
+
- Dockerfile cache busting
|
Dockerfile
CHANGED
|
@@ -20,7 +20,7 @@ RUN echo "[BUILD] step2: pip base pkgs (bs4/lxml)" && \
|
|
| 20 |
echo "[BUILD] step2 done"
|
| 21 |
|
| 22 |
RUN echo "[BUILD] step3: pip main pkgs" && \
|
| 23 |
-
pip install --no-cache-dir fastapi uvicorn requests beautifulsoup4 jinja2 yt-dlp huggingface_hub gTTS pillow edge-tts python-dateutil httpx
|
| 24 |
echo "[BUILD] step3 done"
|
| 25 |
|
| 26 |
COPY requirements.txt .
|
|
@@ -45,4 +45,4 @@ RUN echo "[BUILD] step5: setup Vietnamese font symlink" && \
|
|
| 45 |
echo "[BUILD] step5 done"
|
| 46 |
|
| 47 |
CMD ["uvicorn", "_run:app", "--host", "0.0.0.0", "--port", "7860"]
|
| 48 |
-
# v3.0-vn-font-fix-short-video-2026-07-19
|
|
|
|
| 20 |
echo "[BUILD] step2 done"
|
| 21 |
|
| 22 |
RUN echo "[BUILD] step3: pip main pkgs" && \
|
| 23 |
+
pip install --no-cache-dir fastapi uvicorn requests beautifulsoup4 jinja2 yt-dlp huggingface_hub gTTS pillow edge-tts python-dateutil httpx && \
|
| 24 |
echo "[BUILD] step3 done"
|
| 25 |
|
| 26 |
COPY requirements.txt .
|
|
|
|
| 45 |
echo "[BUILD] step5 done"
|
| 46 |
|
| 47 |
CMD ["uvicorn", "_run:app", "--host", "0.0.0.0", "--port", "7860"]
|
| 48 |
+
# v3.0-vn-font-fix-short-video-2026-07-19
|
README.md
CHANGED
|
@@ -30,29 +30,4 @@ tags:
|
|
| 30 |
- 🏆 World Cup 2026 (news, fixtures, standings, stats, highlights)
|
| 31 |
- 🤖 AI article writing + TTS (multilingual, emotion-aware)
|
| 32 |
- 🔍 Topic search (8 news sources)
|
| 33 |
-
- 🎤 TTS: voice selector + emotion selector + speed control
|
| 34 |
-
|
| 35 |
-
## 🎬 Short AI — Video từ link (scrap YouTube / TikTok / tin tức)
|
| 36 |
-
|
| 37 |
-
Short creator có chế độ **"🔗 Video từ link"**: dán link video YouTube / TikTok /
|
| 38 |
-
VnExpress / Dân trí / Znews / 24h... → bấm "Lấy video" để xem trước → tạo short
|
| 39 |
-
chạy video + ảnh đã chọn bù phần còn thiếu nếu video ngắn hơn giọng đọc.
|
| 40 |
-
|
| 41 |
-
### 🔑 Cài cookies cho YouTube (bỏ chặn "Sign in to confirm you're not a bot")
|
| 42 |
-
YouTube đôi khi chặn IP datacenter. Cách khắc phục bằng cookies:
|
| 43 |
-
|
| 44 |
-
1. Cài extension trình duyệt **"Get cookies.txt LOCALLY"** (Chrome/Edge) hoặc
|
| 45 |
-
**"cookies.txt"** (Firefox).
|
| 46 |
-
2. Mở `https://www.youtube.com` (đã đăng nhập) → bấm extension → **Export** → ra file `cookies.txt` (định dạng Netscape).
|
| 47 |
-
3. Đưa cookies vào Space bằng **một trong hai cách**:
|
| 48 |
-
- **Cách A (khuyến nghị):** Vào Settings của Space
|
| 49 |
-
`huggingface.co/spaces/bep40/VNEWS/settings` → **Variables and secrets** →
|
| 50 |
-
tạo secret tên **`YT_COOKIES`**, giá trị = toàn bộ nội dung file `cookies.txt`.
|
| 51 |
-
- **Cách B:** đặt file `cookies.txt` vào thư mục gốc repo `VNEWS/` và commit
|
| 52 |
-
(chú ý: cookies sẽ công khai nếu repo public — ưu tiên Cách A).
|
| 53 |
-
4. Rebuild Space (mỗi lần đổi secret phải **Restart** Space).
|
| 54 |
-
|
| 55 |
-
Backend tự đọc `YT_COOKIES` (secret) hoặc `/app/cookies.txt`, ghi thành file tạm
|
| 56 |
-
và truyền cho yt-dlp qua `cookiefile`. Không cần sửa code.
|
| 57 |
-
|
| 58 |
-
> Lưu ý: cookies có hạn (thường vài tuần). Khi hết hạn, export lại và cập nhật secret.
|
|
|
|
| 30 |
- 🏆 World Cup 2026 (news, fixtures, standings, stats, highlights)
|
| 31 |
- 🤖 AI article writing + TTS (multilingual, emotion-aware)
|
| 32 |
- 🔍 Topic search (8 news sources)
|
| 33 |
+
- 🎤 TTS: voice selector + emotion selector + speed control
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
RESTART_TRIGGER.md
CHANGED
|
@@ -1,7 +1,6 @@
|
|
| 1 |
-
trigger rebuild
|
| 2 |
|
| 3 |
-
-
|
| 4 |
-
-
|
| 5 |
-
-
|
| 6 |
-
-
|
| 7 |
-
- FORCE REBUILD: this commit retriggers the Space container with the latest static/app_v2.js
|
|
|
|
| 1 |
+
trigger rebuild 2026-07-18T10:35 +0700 - add missing ai/short/ and ai/short-file/ endpoints
|
| 2 |
|
| 3 |
+
- Added POST /api/ai/short/{post_id} endpoint (was lost during route cleanup)
|
| 4 |
+
- Added GET /api/ai/short-file/{file_id} endpoint (file serving)
|
| 5 |
+
- Both were supposed to be in ai_patch.py but never existed there
|
| 6 |
+
- Also added FileResponse import
|
|
|
ai_ext.py
CHANGED
|
@@ -96,20 +96,27 @@ def _domain(url: str) -> str:
|
|
| 96 |
|
| 97 |
|
| 98 |
async def qwen_generate(prompt: str, image_url: str = None, max_tokens: int = 1200) -> str:
|
| 99 |
-
"""Generate text using
|
| 100 |
|
| 101 |
-
|
|
|
|
|
|
|
|
|
|
| 102 |
"""
|
| 103 |
token = _hf_token()
|
| 104 |
errors = []
|
| 105 |
|
| 106 |
-
# Try HF router API with multiple models
|
| 107 |
if token:
|
| 108 |
models = [
|
| 109 |
os.getenv("QWEN_VL_MODEL", ""),
|
| 110 |
-
"meta-llama/Llama-3.3-70B-Instruct", # FIRST - best for opinion/analysis
|
| 111 |
"Qwen/Qwen2.5-VL-7B-Instruct",
|
|
|
|
|
|
|
|
|
|
|
|
|
| 112 |
"Qwen/Qwen2.5-72B-Instruct",
|
|
|
|
| 113 |
]
|
| 114 |
# Deduplicate while preserving order
|
| 115 |
seen = set()
|
|
@@ -131,12 +138,12 @@ async def qwen_generate(prompt: str, image_url: str = None, max_tokens: int = 12
|
|
| 131 |
payload = {
|
| 132 |
"model": model,
|
| 133 |
"messages": [
|
| 134 |
-
{"role": "system", "content": "Bạn là
|
| 135 |
{"role": "user", "content": user_content},
|
| 136 |
],
|
| 137 |
-
"max_tokens": min(int(max_tokens or
|
| 138 |
-
"temperature": 0.
|
| 139 |
-
"top_p": 0.
|
| 140 |
}
|
| 141 |
|
| 142 |
r = requests.post(
|
|
@@ -176,18 +183,20 @@ def _fallback_summary_from_prompt(prompt: str, max_units: int = 6) -> str:
|
|
| 176 |
text = re.sub(r"https?://\S+", "", text)
|
| 177 |
text = re.sub(r"\s+", " ", text).strip()
|
| 178 |
|
| 179 |
-
# Split into sentences
|
| 180 |
sentences = re.split(r"(?<=[.!?])\s+(?=[A-ZÀ-Ỹ0-9])", text)
|
| 181 |
units = []
|
| 182 |
for s in sentences:
|
| 183 |
s = _clean_text(s)
|
| 184 |
-
if len(s) >= 30:
|
| 185 |
units.append(s)
|
| 186 |
|
| 187 |
if units:
|
|
|
|
| 188 |
result_units = units[:max_units]
|
| 189 |
return "\n".join("• " + u for u in result_units)
|
| 190 |
if text:
|
|
|
|
| 191 |
chunks = []
|
| 192 |
for i in range(0, min(len(text), max_units * 300), 280):
|
| 193 |
chunk = _clean_text(text[i:i+300])
|
|
@@ -199,134 +208,367 @@ def _fallback_summary_from_prompt(prompt: str, max_units: int = 6) -> str:
|
|
| 199 |
return "\n".join("• " + c for c in chunks)
|
| 200 |
return "• Không có đủ nội dung để tóm tắt."
|
| 201 |
|
| 202 |
-
# ===== URL scraping & article processing =====
|
| 203 |
-
HEADERS = {"User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36", "Accept-Language": "vi-VN,vi;q=0.9,en;q=0.8"}
|
| 204 |
|
| 205 |
-
|
| 206 |
-
|
| 207 |
-
|
| 208 |
-
|
| 209 |
-
|
| 210 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 211 |
|
| 212 |
-
|
| 213 |
-
|
| 214 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 215 |
|
| 216 |
|
| 217 |
-
def _safe_name(
|
| 218 |
-
"""
|
| 219 |
-
|
|
|
|
| 220 |
|
| 221 |
|
| 222 |
-
def
|
| 223 |
-
"""
|
|
|
|
|
|
|
| 224 |
try:
|
| 225 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 226 |
except Exception:
|
| 227 |
-
|
|
|
|
| 228 |
|
| 229 |
|
| 230 |
-
def
|
| 231 |
-
"""
|
| 232 |
-
|
| 233 |
-
|
| 234 |
-
|
| 235 |
-
|
| 236 |
-
|
| 237 |
-
|
| 238 |
-
|
| 239 |
-
|
| 240 |
-
except Exception:
|
| 241 |
-
pass
|
| 242 |
-
# Fallback: create a placeholder image
|
| 243 |
try:
|
| 244 |
-
|
| 245 |
-
|
| 246 |
-
|
| 247 |
-
try:
|
| 248 |
-
font = ImageFont.truetype("/usr/share/fonts/truetype/dejavu/DejaVuSans-Bold.ttf", 48)
|
| 249 |
-
except Exception:
|
| 250 |
-
font = None
|
| 251 |
-
text = (fallback_title or "VNEWS")[:40]
|
| 252 |
-
try:
|
| 253 |
-
bbox = draw.textbbox((0, 0), text, font=font)
|
| 254 |
-
tw = bbox[2] - bbox[0]
|
| 255 |
-
except Exception:
|
| 256 |
-
tw = len(text) * 24
|
| 257 |
-
draw.text(((1080 - tw) // 2, 330), text, fill=(255, 255, 255), font=font)
|
| 258 |
-
os.makedirs(os.path.dirname(out_path), exist_ok=True)
|
| 259 |
-
img.save(out_path, quality=90)
|
| 260 |
-
return out_path
|
| 261 |
except Exception:
|
| 262 |
-
|
|
|
|
| 263 |
|
| 264 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 265 |
def scrape_any_url(url: str) -> dict:
|
| 266 |
-
"""Scrape
|
| 267 |
-
|
| 268 |
-
|
|
|
|
| 269 |
try:
|
| 270 |
r = requests.get(url, headers=HEADERS, timeout=15, allow_redirects=True)
|
| 271 |
-
|
| 272 |
-
|
| 273 |
-
|
| 274 |
-
|
| 275 |
-
for tag in soup.find_all([
|
| 276 |
tag.decompose()
|
| 277 |
-
|
| 278 |
-
|
| 279 |
-
|
| 280 |
-
|
| 281 |
-
|
| 282 |
-
|
| 283 |
-
|
| 284 |
-
|
| 285 |
-
|
| 286 |
-
|
| 287 |
-
|
| 288 |
-
|
| 289 |
-
|
| 290 |
-
if ogi:
|
| 291 |
-
og_image = ogi.get("content", "")
|
| 292 |
-
if og_image.startswith("//"):
|
| 293 |
-
og_image = "https:" + og_image
|
| 294 |
-
summary = ""
|
| 295 |
-
ogd = soup.find("meta", property="og:description") or soup.find("meta", attrs={"name": "description"})
|
| 296 |
-
if ogd:
|
| 297 |
-
summary = ogd.get("content", "")[:500]
|
| 298 |
-
body_text = []
|
| 299 |
-
for sel in ["article", ".singular-content", ".detail-content", ".fck_detail", ".content-detail", ".knc-content", "main", ".cms-body", ".article__body", ".post-content", ".entry-content"]:
|
| 300 |
el = soup.select_one(sel)
|
| 301 |
-
if el and len(el.find_all(
|
| 302 |
-
|
| 303 |
-
t = _clean_text(p.get_text(strip=True))
|
| 304 |
-
if t and len(t) > 30:
|
| 305 |
-
body_text.append(t)
|
| 306 |
break
|
| 307 |
-
if not
|
| 308 |
-
|
| 309 |
-
|
| 310 |
-
|
| 311 |
-
|
| 312 |
-
|
| 313 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 314 |
except Exception as e:
|
| 315 |
-
return {
|
| 316 |
|
| 317 |
|
| 318 |
-
def
|
| 319 |
-
"""
|
| 320 |
-
|
| 321 |
-
|
| 322 |
-
|
| 323 |
-
|
| 324 |
-
|
| 325 |
-
|
| 326 |
-
|
| 327 |
-
|
| 328 |
-
|
| 329 |
-
|
| 330 |
-
|
| 331 |
-
|
| 332 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 96 |
|
| 97 |
|
| 98 |
async def qwen_generate(prompt: str, image_url: str = None, max_tokens: int = 1200) -> str:
|
| 99 |
+
"""Generate text using Qwen models via Hugging Face Inference API.
|
| 100 |
|
| 101 |
+
This function provides a resilient implementation that:
|
| 102 |
+
1. First tries the SDK-based inference client if available
|
| 103 |
+
2. Falls back to REST API calls to HF router endpoint
|
| 104 |
+
3. Returns a fallback summary if all else fails
|
| 105 |
"""
|
| 106 |
token = _hf_token()
|
| 107 |
errors = []
|
| 108 |
|
| 109 |
+
# Try HF router API with multiple models
|
| 110 |
if token:
|
| 111 |
models = [
|
| 112 |
os.getenv("QWEN_VL_MODEL", ""),
|
|
|
|
| 113 |
"Qwen/Qwen2.5-VL-7B-Instruct",
|
| 114 |
+
"Qwen/Qwen2.5-VL-3B-Instruct",
|
| 115 |
+
"Qwen/Qwen2.5-7B-Instruct",
|
| 116 |
+
"Qwen/Qwen2.5-3B-Instruct",
|
| 117 |
+
"Qwen/Qwen2.5-1.5B-Instruct",
|
| 118 |
"Qwen/Qwen2.5-72B-Instruct",
|
| 119 |
+
"meta-llama/Llama-3.3-70B-Instruct",
|
| 120 |
]
|
| 121 |
# Deduplicate while preserving order
|
| 122 |
seen = set()
|
|
|
|
| 138 |
payload = {
|
| 139 |
"model": model,
|
| 140 |
"messages": [
|
| 141 |
+
{"role": "system", "content": "Bạn là trợ lý AI tiếng Việt. Trả lời tự nhiên, ngắn gọn, chính xác."},
|
| 142 |
{"role": "user", "content": user_content},
|
| 143 |
],
|
| 144 |
+
"max_tokens": min(int(max_tokens or 900), 1400),
|
| 145 |
+
"temperature": 0.35,
|
| 146 |
+
"top_p": 0.85,
|
| 147 |
}
|
| 148 |
|
| 149 |
r = requests.post(
|
|
|
|
| 183 |
text = re.sub(r"https?://\S+", "", text)
|
| 184 |
text = re.sub(r"\s+", " ", text).strip()
|
| 185 |
|
| 186 |
+
# Split into sentences - extract ALL valid sentences, not just first few
|
| 187 |
sentences = re.split(r"(?<=[.!?])\s+(?=[A-ZÀ-Ỹ0-9])", text)
|
| 188 |
units = []
|
| 189 |
for s in sentences:
|
| 190 |
s = _clean_text(s)
|
| 191 |
+
if len(s) >= 30: # Lower threshold to capture more content
|
| 192 |
units.append(s)
|
| 193 |
|
| 194 |
if units:
|
| 195 |
+
# Take up to max_units valid sentences
|
| 196 |
result_units = units[:max_units]
|
| 197 |
return "\n".join("• " + u for u in result_units)
|
| 198 |
if text:
|
| 199 |
+
# Fallback: take chunks if no sentence boundaries found
|
| 200 |
chunks = []
|
| 201 |
for i in range(0, min(len(text), max_units * 300), 280):
|
| 202 |
chunk = _clean_text(text[i:i+300])
|
|
|
|
| 208 |
return "\n".join("• " + c for c in chunks)
|
| 209 |
return "• Không có đủ nội dung để tóm tắt."
|
| 210 |
|
|
|
|
|
|
|
| 211 |
|
| 212 |
+
HF_TOKEN = _hf_token()
|
| 213 |
+
QWEN_VL_MODEL = os.getenv("QWEN_VL_MODEL", "Qwen/Qwen2.5-VL-7B-Instruct")
|
| 214 |
+
QWEN_TEXT_MODELS = [m.strip() for m in os.getenv(
|
| 215 |
+
"QWEN_TEXT_MODELS",
|
| 216 |
+
"Qwen/Qwen2.5-72B-Instruct,meta-llama/Llama-3.3-70B-Instruct,Qwen/Qwen2.5-7B-Instruct"
|
| 217 |
+
).split(",") if m.strip()]
|
| 218 |
+
_WORKING_MODEL_TEXT = None
|
| 219 |
+
_WORKING_MODEL_VL = None
|
| 220 |
+
DATA_DIR = "/data" if os.path.isdir("/data") else "/app/data"
|
| 221 |
+
SHORTS_DIR = os.path.join(DATA_DIR, "ai_shorts")
|
| 222 |
+
HEADERS = {
|
| 223 |
+
"User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36",
|
| 224 |
+
"Accept-Language": "vi-VN,vi;q=0.9,en;q=0.8"
|
| 225 |
+
}
|
| 226 |
+
LAST_QWEN_ERROR = ""
|
| 227 |
+
|
| 228 |
+
|
| 229 |
+
# ===== MULTILINGUAL VOICES FOR TTS =====
|
| 230 |
+
# Maps voice IDs to edge-tts voice names (only MultilingualNeural voices)
|
| 231 |
+
MULTILINGUAL_VOICES = {
|
| 232 |
+
# Vietnamese - Native voices
|
| 233 |
+
"vi-vn-hoaimyneural": "vi-VN-HoaiMyNeural",
|
| 234 |
+
"vi-vn-namminhneural": "vi-VN-NamMinhNeural",
|
| 235 |
+
"hoaimy": "vi-VN-HoaiMyNeural",
|
| 236 |
+
"namminh": "vi-VN-NamMinhNeural",
|
| 237 |
+
"vi_female": "vi-VN-HoaiMyNeural",
|
| 238 |
+
"vi_male": "vi-VN-NamMinhNeural",
|
| 239 |
+
"nu": "vi-VN-HoaiMyNeural",
|
| 240 |
+
"male": "vi-VN-NamMinhNeural",
|
| 241 |
+
"female": "vi-VN-HoaiMyNeural",
|
| 242 |
+
"mien-nam": "vi-VN-HoaiMyNeural",
|
| 243 |
+
# English - Multilingual
|
| 244 |
+
"en-us-andrewmultilingualneural": "en-US-AndrewMultilingualNeural",
|
| 245 |
+
"en-au-williammultilingualneural": "en-AU-WilliamMultilingualNeural",
|
| 246 |
+
"en_andrew": "en-US-AndrewMultilingualNeural",
|
| 247 |
+
"andrew": "en-US-AndrewMultilingualNeural",
|
| 248 |
+
"en_jenny": "en-US-AndrewMultilingualNeural",
|
| 249 |
+
"jenny": "en-US-AndrewMultilingualNeural",
|
| 250 |
+
# Portuguese - Thalita Multilingual ONLY
|
| 251 |
+
"pt-br-thalitamultilingualneural": "pt-BR-ThalitaMultilingualNeural",
|
| 252 |
+
"pt_thalita": "pt-BR-ThalitaMultilingualNeural",
|
| 253 |
+
"thalita": "pt-BR-ThalitaMultilingualNeural",
|
| 254 |
+
"pt_francisco": "pt-BR-ThalitaMultilingualNeural",
|
| 255 |
+
"pt": "pt-BR-ThalitaMultilingualNeural",
|
| 256 |
+
# French - Multilingual
|
| 257 |
+
"fr-fr-viviennemultilingualneural": "fr-FR-VivienneMultilingualNeural",
|
| 258 |
+
"fr-fr-remymultilingualneural": "fr-FR-RemyMultilingualNeural",
|
| 259 |
+
"fr_denise": "fr-FR-VivienneMultilingualNeural",
|
| 260 |
+
"denise": "fr-FR-VivienneMultilingualNeural",
|
| 261 |
+
"fr": "fr-FR-VivienneMultilingualNeural",
|
| 262 |
+
# German - Multilingual
|
| 263 |
+
"de-de-seraphinamultilingualneural": "de-DE-SeraphinaMultilingualNeural",
|
| 264 |
+
"de-de-florianmultilingualneural": "de-DE-FlorianMultilingualNeural",
|
| 265 |
+
"de_katja": "de-DE-SeraphinaMultilingualNeural",
|
| 266 |
+
"katja": "de-DE-SeraphinaMultilingualNeural",
|
| 267 |
+
"de": "de-DE-SeraphinaMultilingualNeural",
|
| 268 |
+
# Korean - Hyunsu Multilingual (NOT SunHee)
|
| 269 |
+
"ko-kr-hyunsumultilingualneural": "ko-KR-HyunsuMultilingualNeural",
|
| 270 |
+
"ko_sunhee": "ko-KR-HyunsuMultilingualNeural",
|
| 271 |
+
"sunhee": "ko-KR-HyunsuMultilingualNeural",
|
| 272 |
+
"ko": "ko-KR-HyunsuMultilingualNeural",
|
| 273 |
+
# Italian - Multilingual
|
| 274 |
+
"it-it-giuseppemultilingualneural": "it-IT-GiuseppeMultilingualNeural",
|
| 275 |
+
# Spanish (fallback to English multilingual)
|
| 276 |
+
"es_ela": "en-US-AndrewMultilingualNeural",
|
| 277 |
+
"ela": "en-US-AndrewMultilingualNeural",
|
| 278 |
+
"es_carlos": "en-US-AndrewMultilingualNeural",
|
| 279 |
+
"es": "en-US-AndrewMultilingualNeural",
|
| 280 |
+
# Japanese (fallback to English multilingual)
|
| 281 |
+
"ja_nanami": "en-US-AndrewMultilingualNeural",
|
| 282 |
+
"nanami": "en-US-AndrewMultilingualNeural",
|
| 283 |
+
"ja": "en-US-AndrewMultilingualNeural",
|
| 284 |
+
# Chinese (fallback to English multilingual)
|
| 285 |
+
"zh_xiaochen": "en-US-AndrewMultilingualNeural",
|
| 286 |
+
"xiaochen": "en-US-AndrewMultilingualNeural",
|
| 287 |
+
"zh": "en-US-AndrewMultilingualNeural",
|
| 288 |
+
}
|
| 289 |
+
|
| 290 |
|
| 291 |
+
def _detect_voice_emotion(title, text):
|
| 292 |
+
"""Detect appropriate voice and emotion based on content for multilingual TTS."""
|
| 293 |
+
content = ((title or "") + " " + (text or "")).lower()
|
| 294 |
+
|
| 295 |
+
# World Cup / Football content - use Andrew multilingual
|
| 296 |
+
if any(kw in content for kw in ["world cup", "wc 2026", "fifa", "bóng đá", "trận đấu", "bóng bóng", "đội tuyển", "cầu thủ"]):
|
| 297 |
+
return ("andrew", "excited")
|
| 298 |
+
|
| 299 |
+
# News categories - choose appropriate voice
|
| 300 |
+
if any(kw in content for kw in ["kinh tế", "tài chính", "thị trường", "economics", "finance"]):
|
| 301 |
+
return ("jenny", "calm")
|
| 302 |
+
if any(kw in content for kw in ["thiên tai", "bão", "lũ lụt", "cháy nổ", "tai nạn", "disaster", "accident"]):
|
| 303 |
+
return ("thalita", "serious")
|
| 304 |
+
if any(kw in content for kw in ["giải trí", "showbiz", "entertainment", "hài hước"]):
|
| 305 |
+
return ("ela", "happy")
|
| 306 |
+
if any(kw in content for kw in ["công nghệ", "tech", "technology", "ai", "trí tuệ nhân tạo"]):
|
| 307 |
+
return ("katja", "excited")
|
| 308 |
+
|
| 309 |
+
# Default Vietnamese
|
| 310 |
+
return ("hoaimy", "trung_tinh")
|
| 311 |
|
| 312 |
|
| 313 |
+
def _safe_name(s: str) -> str:
|
| 314 |
+
"""Create safe filename from string."""
|
| 315 |
+
s = re.sub(r"[^\w\-.]", "_", s)
|
| 316 |
+
return s[:100] if len(s) > 100 else s
|
| 317 |
|
| 318 |
|
| 319 |
+
def _download_image(url: str, fallback_title: str, out_path: str) -> bool:
|
| 320 |
+
"""Download image from URL to path."""
|
| 321 |
+
if not url:
|
| 322 |
+
return False
|
| 323 |
try:
|
| 324 |
+
r = requests.get(url, headers=HEADERS, timeout=15)
|
| 325 |
+
if r.status_code == 200:
|
| 326 |
+
os.makedirs(os.path.dirname(out_path), exist_ok=True)
|
| 327 |
+
with open(out_path, "wb") as f:
|
| 328 |
+
f.write(r.content)
|
| 329 |
+
return True
|
| 330 |
except Exception:
|
| 331 |
+
pass
|
| 332 |
+
return False
|
| 333 |
|
| 334 |
|
| 335 |
+
def pollination_image_url(topic: str) -> str:
|
| 336 |
+
"""Generate image URL from Pollinations.ai."""
|
| 337 |
+
return f"https://image.pollinations.ai/prompt/{quote(topic)}?width=1024&height=768&nologo=true&model=flux"
|
| 338 |
+
|
| 339 |
+
|
| 340 |
+
# Use the same wall file as app_v2_entry.py for consistency
|
| 341 |
+
WALL_FILE = os.path.join(DATA_DIR, "wall_posts.json")
|
| 342 |
+
|
| 343 |
+
def _load_ai_wall():
|
| 344 |
+
"""Load AI wall posts from JSON file (uses wall_posts.json for consistency with app_v2_entry)."""
|
|
|
|
|
|
|
|
|
|
| 345 |
try:
|
| 346 |
+
if os.path.exists(WALL_FILE):
|
| 347 |
+
with open(WALL_FILE, "r", encoding="utf-8") as f:
|
| 348 |
+
return json.load(f)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 349 |
except Exception:
|
| 350 |
+
pass
|
| 351 |
+
return []
|
| 352 |
|
| 353 |
|
| 354 |
+
def _save_ai_wall(posts):
|
| 355 |
+
"""Save AI wall posts to JSON file (uses wall_posts.json for consistency with app_v2_entry)."""
|
| 356 |
+
try:
|
| 357 |
+
os.makedirs(os.path.dirname(WALL_FILE), exist_ok=True)
|
| 358 |
+
tmp = WALL_FILE + ".tmp"
|
| 359 |
+
with open(tmp, "w", encoding="utf-8") as f:
|
| 360 |
+
json.dump(posts[:100], f, ensure_ascii=False)
|
| 361 |
+
os.replace(tmp, WALL_FILE)
|
| 362 |
+
except Exception:
|
| 363 |
+
pass
|
| 364 |
+
|
| 365 |
+
|
| 366 |
+
# Helper functions for wall operations
|
| 367 |
+
def _load_wall_posts():
|
| 368 |
+
"""Alias for _load_ai_wall for consistency with app_v2_entry.py."""
|
| 369 |
+
return _load_ai_wall()
|
| 370 |
+
|
| 371 |
+
|
| 372 |
+
def _save_wall_posts(posts):
|
| 373 |
+
"""Alias for _save_ai_wall for consistency with app_v2_entry.py."""
|
| 374 |
+
return _save_ai_wall(posts)
|
| 375 |
+
|
| 376 |
+
|
| 377 |
+
def make_post(title: str, text: str, img: str, url: str, kind: str, sources=None):
|
| 378 |
+
"""Create a post dict with standard fields."""
|
| 379 |
+
return {
|
| 380 |
+
"id": str(int(time.time() * 1000)),
|
| 381 |
+
"title": title,
|
| 382 |
+
"text": text,
|
| 383 |
+
"img": img,
|
| 384 |
+
"url": url,
|
| 385 |
+
"kind": kind,
|
| 386 |
+
"sources": sources or [],
|
| 387 |
+
"ts": int(time.time())
|
| 388 |
+
}
|
| 389 |
+
|
| 390 |
+
|
| 391 |
+
def _short_script(post) -> str:
|
| 392 |
+
"""Extract clean text for TTS from post."""
|
| 393 |
+
text = post.get("text", "") or post.get("title", "")
|
| 394 |
+
text = re.sub(r"^[•\-\*]\s*", "", text, flags=re.M)
|
| 395 |
+
text = re.sub(r"\s*\n\s*", ". ", text)
|
| 396 |
+
return _clean_text(text)[:2000] # Increased from 1000 to 2000 for full content
|
| 397 |
+
|
| 398 |
+
|
| 399 |
+
# ===== SCRAPER FUNCTIONS (required by ai_patch.py) =====
|
| 400 |
def scrape_any_url(url: str) -> dict:
|
| 401 |
+
"""Scrape any URL and extract article content.
|
| 402 |
+
|
| 403 |
+
Returns dict with: title, summary, text, image, og_image, via (domain)
|
| 404 |
+
"""
|
| 405 |
try:
|
| 406 |
r = requests.get(url, headers=HEADERS, timeout=15, allow_redirects=True)
|
| 407 |
+
r.encoding = 'utf-8'
|
| 408 |
+
soup = BeautifulSoup(r.text, 'lxml')
|
| 409 |
+
|
| 410 |
+
# Remove scripts, styles, nav, footer
|
| 411 |
+
for tag in soup.find_all(['script', 'style', 'nav', 'footer', 'aside', 'form']):
|
| 412 |
tag.decompose()
|
| 413 |
+
|
| 414 |
+
# Extract title
|
| 415 |
+
h1 = soup.find('h1')
|
| 416 |
+
ogt = soup.find('meta', property='og:title')
|
| 417 |
+
title = (h1.get_text(strip=True) if h1 else '') or (ogt.get('content', '') if ogt else url)
|
| 418 |
+
|
| 419 |
+
# Extract OG image
|
| 420 |
+
ogi = soup.find('meta', property='og:image')
|
| 421 |
+
og_image = ogi.get('content', '') if ogi else ''
|
| 422 |
+
|
| 423 |
+
# Extract article body
|
| 424 |
+
block = None
|
| 425 |
+
for sel in ['article', '.singular-content', '.detail-content', '.fck_detail', '.content-detail', '.knc-content', 'main', '.cms-body', '.article__body']:
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 426 |
el = soup.select_one(sel)
|
| 427 |
+
if el and len(el.find_all('p')) >= 2:
|
| 428 |
+
block = el
|
|
|
|
|
|
|
|
|
|
| 429 |
break
|
| 430 |
+
if not block:
|
| 431 |
+
block = soup.body or soup
|
| 432 |
+
|
| 433 |
+
# Extract text from paragraphs
|
| 434 |
+
paragraphs = []
|
| 435 |
+
for el in block.find_all(['p', 'h2', 'h3'], recursive=True):
|
| 436 |
+
t = _clean_text(el.get_text(strip=True))
|
| 437 |
+
if t and len(t) > 40:
|
| 438 |
+
paragraphs.append(t)
|
| 439 |
+
|
| 440 |
+
# Extract images
|
| 441 |
+
images = []
|
| 442 |
+
for el in block.find_all(['figure', 'img'], recursive=True):
|
| 443 |
+
im = el if el.name == 'img' else el.find('img')
|
| 444 |
+
if im:
|
| 445 |
+
src = im.get('data-src') or im.get('src') or im.get('data-original') or ''
|
| 446 |
+
if src and 'base64' not in src:
|
| 447 |
+
if src.startswith('//'):
|
| 448 |
+
src = 'https:' + src
|
| 449 |
+
images.append(src)
|
| 450 |
+
|
| 451 |
+
# Prefer OG image as main image
|
| 452 |
+
image = og_image or (images[0] if images else '')
|
| 453 |
+
|
| 454 |
+
return {
|
| 455 |
+
'title': title,
|
| 456 |
+
'summary': paragraphs[0] if paragraphs else '',
|
| 457 |
+
'text': '\n'.join(paragraphs),
|
| 458 |
+
'image': image,
|
| 459 |
+
'og_image': og_image,
|
| 460 |
+
'via': _domain(url),
|
| 461 |
+
'images': images
|
| 462 |
+
}
|
| 463 |
except Exception as e:
|
| 464 |
+
return {'title': url, 'summary': '', 'text': '', 'image': '', 'og_image': '', 'via': _domain(url), 'error': str(e)}
|
| 465 |
|
| 466 |
|
| 467 |
+
def web_context(topic: str, limit: int = 5) -> tuple:
|
| 468 |
+
"""Get web context for a topic. Returns (context_text, sources_list)."""
|
| 469 |
+
sources = []
|
| 470 |
+
try:
|
| 471 |
+
# Try Google News RSS
|
| 472 |
+
rss_url = f"https://news.google.com/rss/search?q={quote_plus(topic)}&hl=vi&gl=VN&ceid=VN:vi"
|
| 473 |
+
r = requests.get(rss_url, headers=HEADERS, timeout=15)
|
| 474 |
+
r.encoding = 'utf-8'
|
| 475 |
+
soup = BeautifulSoup(r.text, 'xml')
|
| 476 |
+
for it in soup.find_all('item')[:limit]:
|
| 477 |
+
title = it.find('title').get_text(' ', strip=True) if it.find('title') else ''
|
| 478 |
+
link = it.find('link').get_text(strip=True) if it.find('link') else ''
|
| 479 |
+
if title and link:
|
| 480 |
+
sources.append({'title': title, 'url': link, 'via': _domain(link)})
|
| 481 |
+
except Exception:
|
| 482 |
+
pass
|
| 483 |
+
|
| 484 |
+
context = f'Trên mạng có nhiều bài viết về "{topic}". Một số nguồn: ' + ', '.join([s.get('title', '') for s in sources[:3]])
|
| 485 |
+
return context, sources
|
| 486 |
+
|
| 487 |
+
|
| 488 |
+
# ===== SHORT FRAME FUNCTION (required by ai_patch.py) =====
|
| 489 |
+
def _make_short_frame(post, img_path, out_path):
|
| 490 |
+
"""Create a short video frame from post and image.
|
| 491 |
+
|
| 492 |
+
Called by ai_patch.py _make_short_frame_full when Image is available.
|
| 493 |
+
"""
|
| 494 |
+
if Image is None:
|
| 495 |
+
# Create a minimal frame without PIL - just return success
|
| 496 |
+
# The caller should handle this case
|
| 497 |
+
return False
|
| 498 |
+
|
| 499 |
+
W, H = 1080, 1920
|
| 500 |
+
bg = Image.new("RGB", (W, H), (14, 14, 14))
|
| 501 |
+
|
| 502 |
+
try:
|
| 503 |
+
im = Image.open(img_path).convert("RGB")
|
| 504 |
+
target = (1080, 760)
|
| 505 |
+
im_ratio = im.width / max(1, im.height)
|
| 506 |
+
target_ratio = target[0] / target[1]
|
| 507 |
+
|
| 508 |
+
if im_ratio > target_ratio:
|
| 509 |
+
new_h = target[1]
|
| 510 |
+
new_w = int(new_h * im_ratio)
|
| 511 |
+
else:
|
| 512 |
+
new_w = target[0]
|
| 513 |
+
new_h = int(new_w / im_ratio)
|
| 514 |
+
|
| 515 |
+
im = im.resize((new_w, new_h))
|
| 516 |
+
left = (new_w - target[0]) // 2
|
| 517 |
+
top = (new_h - target[1]) // 2
|
| 518 |
+
im = im.crop((left, top, left + target[0], top + target[1]))
|
| 519 |
+
bg.paste(im, (0, 0))
|
| 520 |
+
except Exception:
|
| 521 |
+
pass
|
| 522 |
+
|
| 523 |
+
draw = ImageDraw.Draw(bg)
|
| 524 |
+
|
| 525 |
+
try:
|
| 526 |
+
font_title = ImageFont.truetype("/usr/share/fonts/truetype/dejavu/DejaVuSans-Bold.ttf", 54)
|
| 527 |
+
font_body = ImageFont.truetype("/usr/share/fonts/truetype/dejavu/DejaVuSans.ttf", 38)
|
| 528 |
+
except Exception:
|
| 529 |
+
font_title = font_body = None
|
| 530 |
+
|
| 531 |
+
draw.rectangle((0, 720, W, H), fill=(14, 14, 14))
|
| 532 |
+
margin = 48
|
| 533 |
+
maxw = W - margin * 2
|
| 534 |
+
|
| 535 |
+
y = 830
|
| 536 |
+
for ln in _wrap_text(draw, post.get("title", ""), font_title, maxw, 4):
|
| 537 |
+
draw.text((margin, y), ln, fill=(255, 255, 255), font=font_title)
|
| 538 |
+
y += 66
|
| 539 |
+
|
| 540 |
+
y += 18
|
| 541 |
+
text = post.get("text", "")
|
| 542 |
+
text = re.sub(r"Nguồn tham khảo:.*", "", text, flags=re.S).strip()
|
| 543 |
+
body_lines = _wrap_text(draw, text, font_body, maxw, 14)
|
| 544 |
+
for ln in body_lines:
|
| 545 |
+
draw.text((margin, y), ln, fill=(220, 220, 220), font=font_body)
|
| 546 |
+
y += 50
|
| 547 |
+
if y > 1640:
|
| 548 |
+
break
|
| 549 |
+
|
| 550 |
+
bg.save(out_path, quality=92)
|
| 551 |
+
return True
|
| 552 |
+
|
| 553 |
+
|
| 554 |
+
def _wrap_text(draw, text, font, max_width, max_lines):
|
| 555 |
+
"""Helper for wrapping text in frames."""
|
| 556 |
+
words = _clean_text(text).split()
|
| 557 |
+
lines, cur = [], ""
|
| 558 |
+
for w in words:
|
| 559 |
+
test = (cur + " " + w).strip()
|
| 560 |
+
try:
|
| 561 |
+
width = draw.textbbox((0, 0), test, font=font)[2]
|
| 562 |
+
except Exception:
|
| 563 |
+
width = len(test) * 20
|
| 564 |
+
if width <= max_width:
|
| 565 |
+
cur = test
|
| 566 |
+
else:
|
| 567 |
+
if cur:
|
| 568 |
+
lines.append(cur)
|
| 569 |
+
cur = w
|
| 570 |
+
if len(lines) >= max_lines:
|
| 571 |
+
break
|
| 572 |
+
if cur and len(lines) < max_lines:
|
| 573 |
+
lines.append(cur)
|
| 574 |
+
return lines
|
ai_short_v2.py
DELETED
|
@@ -1,2083 +0,0 @@
|
|
| 1 |
-
"""VNEWS Short AI v2 — Short creator with TikTok background music, uploaded audio,
|
| 2 |
-
uploaded video/image background, and 'recreate from designed slides' (image-only,
|
| 3 |
-
reusing previous short audio, NO text overlays) mode.
|
| 4 |
-
|
| 5 |
-
Registered by app_v2_entry.py (import ai_short_v2). Uses the SAME wall store
|
| 6 |
-
(WALL_FILE) as the wall endpoints so posts created by the designer survive and
|
| 7 |
-
can be re-shorted purely from designed images.
|
| 8 |
-
"""
|
| 9 |
-
import os
|
| 10 |
-
import re
|
| 11 |
-
import json
|
| 12 |
-
import time
|
| 13 |
-
import uuid
|
| 14 |
-
import hashlib
|
| 15 |
-
import subprocess
|
| 16 |
-
import threading
|
| 17 |
-
|
| 18 |
-
import requests
|
| 19 |
-
from urllib.parse import quote as urllib_quote
|
| 20 |
-
from fastapi import Request, UploadFile, File, Query
|
| 21 |
-
from fastapi.responses import JSONResponse, FileResponse, Response, StreamingResponse
|
| 22 |
-
|
| 23 |
-
try:
|
| 24 |
-
import yt_dlp
|
| 25 |
-
except Exception: # pragma: no cover
|
| 26 |
-
yt_dlp = None
|
| 27 |
-
|
| 28 |
-
try:
|
| 29 |
-
from PIL import Image, ImageDraw, ImageFont
|
| 30 |
-
except Exception: # pragma: no cover
|
| 31 |
-
Image = ImageDraw = ImageFont = None
|
| 32 |
-
|
| 33 |
-
try:
|
| 34 |
-
from main import app
|
| 35 |
-
except Exception: # pragma: no cover
|
| 36 |
-
from fastapi import FastAPI
|
| 37 |
-
app = FastAPI()
|
| 38 |
-
|
| 39 |
-
DATA_DIR = "/data" if os.path.isdir("/data") else os.path.join(os.path.dirname(os.path.abspath(__file__)), "data")
|
| 40 |
-
WALL_FILE = os.path.join(DATA_DIR, "wall_posts.json")
|
| 41 |
-
SHORTS_DIR = os.path.join(DATA_DIR, "ai_shorts")
|
| 42 |
-
UPLOAD_DIR = os.path.join(DATA_DIR, "short_uploads")
|
| 43 |
-
WALL_IMG_DIR = os.path.join(DATA_DIR, "wall_imgs")
|
| 44 |
-
os.makedirs(SHORTS_DIR, exist_ok=True)
|
| 45 |
-
os.makedirs(UPLOAD_DIR, exist_ok=True)
|
| 46 |
-
|
| 47 |
-
_wl_lock = threading.Lock()
|
| 48 |
-
|
| 49 |
-
UA_HEADERS = {
|
| 50 |
-
"User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 "
|
| 51 |
-
"(KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36",
|
| 52 |
-
"Accept-Language": "vi-VN,vi;q=0.9,en;q=0.8",
|
| 53 |
-
}
|
| 54 |
-
|
| 55 |
-
# ---------------------------------------------------------------------------
|
| 56 |
-
# Video scraping (YouTube / TikTok / news sites) via yt-dlp + oEmbed fallback
|
| 57 |
-
# ---------------------------------------------------------------------------
|
| 58 |
-
_SCRAPE_CACHE = {} # url -> {ok, ...} (in-memory, TTL 30 min)
|
| 59 |
-
_SCRAPE_TTL = 30 * 60
|
| 60 |
-
|
| 61 |
-
YTDLP_OPTS = {
|
| 62 |
-
"format": "best[height<=720][ext=mp4]/best[height<=720]/best",
|
| 63 |
-
"quiet": True,
|
| 64 |
-
"no_warnings": True,
|
| 65 |
-
"noplaylist": True,
|
| 66 |
-
"socket_timeout": 30,
|
| 67 |
-
"retries": 5,
|
| 68 |
-
"fragment_retries": 5,
|
| 69 |
-
"ignoreerrors": False,
|
| 70 |
-
"extractor_args": {"youtube": {"player_client": ["tv", "ios", "mweb"]}},
|
| 71 |
-
"http_headers": UA_HEADERS,
|
| 72 |
-
}
|
| 73 |
-
|
| 74 |
-
|
| 75 |
-
# ---------------------------------------------------------------------------
|
| 76 |
-
# YouTube cookies (bypasses the "Sign in to confirm you're not a bot" block).
|
| 77 |
-
# Sources, in priority order:
|
| 78 |
-
# 1. YT_COOKIES env var (HF Space secret — raw Netscape-format cookies.txt)
|
| 79 |
-
# 2. /app/cookies.txt (a cookies.txt file baked into the repo/runtime)
|
| 80 |
-
# yt-dlp reads a Netscape cookies.txt via the 'cookiefile' option.
|
| 81 |
-
# ---------------------------------------------------------------------------
|
| 82 |
-
_cookie_file = None
|
| 83 |
-
|
| 84 |
-
|
| 85 |
-
def _ensure_cookies():
|
| 86 |
-
"""Materialise a cookies.txt (Netscape format) for yt-dlp if any cookie
|
| 87 |
-
source is available. Returns the cookiefile path or None."""
|
| 88 |
-
global _cookie_file
|
| 89 |
-
if _cookie_file and os.path.exists(_cookie_file):
|
| 90 |
-
return _cookie_file
|
| 91 |
-
content = None
|
| 92 |
-
# 1. HF Space secret YT_COOKIES (raw cookies.txt content)
|
| 93 |
-
secret = os.environ.get("YT_COOKIES", "").strip()
|
| 94 |
-
if secret and ("# Netscape" in secret or "#HTTP" in secret or "youtube.com" in secret or "\tTRUE" in secret):
|
| 95 |
-
content = secret
|
| 96 |
-
# 2. baked-in file
|
| 97 |
-
if not content:
|
| 98 |
-
for p in ("/app/cookies.txt", "cookies.txt"):
|
| 99 |
-
if os.path.exists(p):
|
| 100 |
-
content = open(p, encoding="utf-8", errors="ignore").read()
|
| 101 |
-
break
|
| 102 |
-
if not content:
|
| 103 |
-
_cookie_file = None
|
| 104 |
-
return None
|
| 105 |
-
try:
|
| 106 |
-
path = os.path.join(DATA_DIR, "yt_cookies.txt")
|
| 107 |
-
os.makedirs(os.path.dirname(path), exist_ok=True)
|
| 108 |
-
with open(path, "w", encoding="utf-8") as f:
|
| 109 |
-
f.write(content)
|
| 110 |
-
_cookie_file = path
|
| 111 |
-
return path
|
| 112 |
-
except Exception:
|
| 113 |
-
return None
|
| 114 |
-
|
| 115 |
-
|
| 116 |
-
def _ytdlp_opts():
|
| 117 |
-
"""YTDLP opts + cookiefile (only when cookies are available)."""
|
| 118 |
-
opts = dict(YTDLP_OPTS)
|
| 119 |
-
cf = _ensure_cookies()
|
| 120 |
-
if cf:
|
| 121 |
-
opts["cookiefile"] = cf
|
| 122 |
-
# also add "cookiesfrombrowser" fallback? No — datacenter IPs can't read
|
| 123 |
-
# a local browser. cookiefile is the reliable path.
|
| 124 |
-
return opts
|
| 125 |
-
|
| 126 |
-
|
| 127 |
-
def _oembed_probe(url):
|
| 128 |
-
"""Cheap metadata fallback for TikTok/Facebook/Instagram/YouTube (no direct URL)."""
|
| 129 |
-
try:
|
| 130 |
-
host = (re.sub(r"^https?://", "", url).split("/")[0] or "").lower()
|
| 131 |
-
api = None
|
| 132 |
-
if "tiktok" in host:
|
| 133 |
-
api = "https://www.tiktok.com/oembed?url=" + urllib_quote(url, safe="")
|
| 134 |
-
elif "facebook" in host or "fb.watch" in host:
|
| 135 |
-
api = "https://www.facebook.com/plugins/video/oembed.json?url=" + urllib_quote(url, safe="")
|
| 136 |
-
elif "youtube.com" in host or "youtu.be" in host:
|
| 137 |
-
api = "https://www.youtube.com/oembed?url=" + urllib_quote(url, safe="") + "&format=json"
|
| 138 |
-
if not api:
|
| 139 |
-
return None
|
| 140 |
-
# Facebook oEmbed often times out from datacenter IPs; use a shorter timeout
|
| 141 |
-
_timeout = 8 if ("facebook" in host or "fb.watch" in host) else 12
|
| 142 |
-
j = {}
|
| 143 |
-
try:
|
| 144 |
-
r = requests.get(api, headers=UA_HEADERS, timeout=_timeout)
|
| 145 |
-
if r.status_code == 200:
|
| 146 |
-
j = r.json() or {}
|
| 147 |
-
except Exception:
|
| 148 |
-
j = {}
|
| 149 |
-
# YouTube: youtube.com/oembed is often SNI-blocked from datacenter IPs.
|
| 150 |
-
# Fall back to _yt_meta (noembed.com cascade) which reliably returns
|
| 151 |
-
# title+thumbnail+description from restricted networks.
|
| 152 |
-
yt_meta = None
|
| 153 |
-
if "youtube.com" in host or "youtu.be" in host:
|
| 154 |
-
yt_meta = _yt_meta(url)
|
| 155 |
-
title = ((j.get("title") or "") or (yt_meta or {}).get("title") or "").strip()[:200]
|
| 156 |
-
thumb = ((j.get("thumbnail_url") or "") or (yt_meta or {}).get("thumbnail") or "").strip()
|
| 157 |
-
desc = (yt_meta or {}).get("description") or ""
|
| 158 |
-
if "youtube.com" in host or "youtu.be" in host:
|
| 159 |
-
if not desc:
|
| 160 |
-
desc = (yt_meta or {}).get("description") or ""
|
| 161 |
-
embed_url = _oembed_embed_url(url)
|
| 162 |
-
# oEmbed providers (notably TikTok short links like vm.tiktok.com) don't
|
| 163 |
-
# expose the video ID in the URL, but the `html` field contains the
|
| 164 |
-
# canonical <iframe src> — parse it so short links still embed.
|
| 165 |
-
if not embed_url:
|
| 166 |
-
try:
|
| 167 |
-
m_html = re.search(r'<iframe[^>]+src="([^"]+)"', ((j or {}).get("html") or ""))
|
| 168 |
-
if m_html:
|
| 169 |
-
embed_url = m_html.group(1).replace("&", "&")
|
| 170 |
-
if "?" in embed_url and "autoplay" not in embed_url:
|
| 171 |
-
embed_url += "&autoplay=1&rel=0"
|
| 172 |
-
except Exception:
|
| 173 |
-
pass
|
| 174 |
-
return {
|
| 175 |
-
"ok": True,
|
| 176 |
-
"title": title[:200],
|
| 177 |
-
"thumbnail": thumb,
|
| 178 |
-
"duration": None,
|
| 179 |
-
"extractor": "oembed",
|
| 180 |
-
"direct_url": None,
|
| 181 |
-
"previewable": False, # no direct streamable URL from oEmbed alone
|
| 182 |
-
"embed_url": embed_url,
|
| 183 |
-
"description": desc[:2000],
|
| 184 |
-
"note": "Có thể lấy được thông tin, nhưng không tải được video trực tiếp từ link này.",
|
| 185 |
-
}
|
| 186 |
-
except Exception:
|
| 187 |
-
return None
|
| 188 |
-
|
| 189 |
-
|
| 190 |
-
def _yt_meta(url):
|
| 191 |
-
"""Fetch YouTube video metadata (title/description/thumbnail).
|
| 192 |
-
|
| 193 |
-
Cascades over several providers so at least title+thumbnail always come
|
| 194 |
-
back even from datacenter IPs where www.youtube.com is SNI-blocked:
|
| 195 |
-
1. noembed.com — reliable title+thumb (works from restricted IPs)
|
| 196 |
-
2. youtube oEmbed — title + thumbnail_url
|
| 197 |
-
3. watch page og:tags — title + description + thumbnail (best-effort)
|
| 198 |
-
Description is best-effort (YT oEmbed has no description field); when
|
| 199 |
-
unavailable the caller falls back to the title. Returns dict or None."""
|
| 200 |
-
try:
|
| 201 |
-
vid = _yt_id_from_url(url)
|
| 202 |
-
if not vid:
|
| 203 |
-
return None
|
| 204 |
-
out = {"video_id": vid, "title": "", "description": "", "thumbnail": ""}
|
| 205 |
-
watch = f"https://www.youtube.com/watch?v={vid}"
|
| 206 |
-
|
| 207 |
-
# 1) noembed (title+thumb, no desc)
|
| 208 |
-
try:
|
| 209 |
-
r = requests.get(f"https://noembed.com/embed?url={urllib_quote(watch, safe='')}",
|
| 210 |
-
headers=UA_HEADERS, timeout=15)
|
| 211 |
-
if r.status_code == 200:
|
| 212 |
-
j = r.json() or {}
|
| 213 |
-
out["title"] = (j.get("title") or "").strip()[:250]
|
| 214 |
-
out["thumbnail"] = (j.get("thumbnail_url") or "").strip()
|
| 215 |
-
except Exception:
|
| 216 |
-
pass
|
| 217 |
-
|
| 218 |
-
# 2) youtube oEmbed (title+thumb)
|
| 219 |
-
if not out["title"]:
|
| 220 |
-
try:
|
| 221 |
-
r2 = requests.get(f"https://www.youtube.com/oembed?url={urllib_quote(watch, safe='')}&format=json",
|
| 222 |
-
headers=UA_HEADERS, timeout=15)
|
| 223 |
-
if r2.status_code == 200:
|
| 224 |
-
j2 = r2.json() or {}
|
| 225 |
-
out["title"] = (j2.get("title") or "").strip()[:250]
|
| 226 |
-
out["thumbnail"] = (j2.get("thumbnail_url") or "").strip()
|
| 227 |
-
except Exception:
|
| 228 |
-
pass
|
| 229 |
-
|
| 230 |
-
# 3) watch page og:tags (title + description + thumb, best-effort)
|
| 231 |
-
try:
|
| 232 |
-
r3 = requests.get(watch, headers=UA_HEADERS, timeout=20)
|
| 233 |
-
if r3.status_code == 200:
|
| 234 |
-
h3 = r3.text
|
| 235 |
-
def _og(prop):
|
| 236 |
-
mm = re.search(r'<meta[^>]+property="og:' + prop + r'"[^>]+content="([^"]*)"', h3) or \
|
| 237 |
-
re.search(r'<meta[^>]+content="([^"]*)"[^>]+property="og:' + prop + r'"', h3)
|
| 238 |
-
return mm.group(1).strip() if mm else ""
|
| 239 |
-
def _nm(name):
|
| 240 |
-
mm = re.search(r'<meta[^>]+name="' + name + r'"[^>]+content="([^"]*)"', h3)
|
| 241 |
-
return mm.group(1).strip() if mm else ""
|
| 242 |
-
if not out["title"]:
|
| 243 |
-
out["title"] = _og("title") or _nm("title")
|
| 244 |
-
out["description"] = _og("description") or _nm("description")
|
| 245 |
-
if not out["thumbnail"]:
|
| 246 |
-
out["thumbnail"] = _og("image") or ""
|
| 247 |
-
if out["thumbnail"].startswith("//"):
|
| 248 |
-
out["thumbnail"] = "https:" + out["thumbnail"]
|
| 249 |
-
except Exception:
|
| 250 |
-
pass
|
| 251 |
-
|
| 252 |
-
# 4) r.jina.ai reader proxy — server-side fetch that renders the watch
|
| 253 |
-
# page and returns Title/Description/Thumbnail lines as markdown.
|
| 254 |
-
# Requires the Space origin in the Origin header (CORS check). Works
|
| 255 |
-
# from datacenter IPs where youtube.com is SNI-blocked.
|
| 256 |
-
if not out["description"] or not out["title"]:
|
| 257 |
-
try:
|
| 258 |
-
_hdrs = dict(UA_HEADERS)
|
| 259 |
-
_hdrs["Origin"] = "https://bep40-vnews.hf.space"
|
| 260 |
-
r4 = requests.get(f"https://r.jina.ai/{watch}", headers=_hdrs, timeout=30)
|
| 261 |
-
if r4.status_code == 200:
|
| 262 |
-
h4 = r4.text
|
| 263 |
-
_tm = re.search(r'(?:^|\n)Title:\s*(.+)', h4)
|
| 264 |
-
_dm = re.search(r'(?:^|\n)Description:\s*(.+)', h4, re.S)
|
| 265 |
-
_im = re.search(r'(?:^|\n)Thumbnail:\s*(\S+)', h4)
|
| 266 |
-
if _tm:
|
| 267 |
-
out["title"] = _tm.group(1).strip()[:250]
|
| 268 |
-
if _dm:
|
| 269 |
-
out["description"] = _dm.group(1).strip()[:2000]
|
| 270 |
-
if _im:
|
| 271 |
-
th = _im.group(1).strip()
|
| 272 |
-
if th.startswith("//"):
|
| 273 |
-
th = "https:" + th
|
| 274 |
-
out["thumbnail"] = th
|
| 275 |
-
except Exception:
|
| 276 |
-
pass
|
| 277 |
-
|
| 278 |
-
if not out["title"] and not out["description"]:
|
| 279 |
-
return None
|
| 280 |
-
return {
|
| 281 |
-
"video_id": vid,
|
| 282 |
-
"title": (out["title"] or "").strip()[:250],
|
| 283 |
-
"description": (out["description"] or "").strip()[:2000],
|
| 284 |
-
"thumbnail": out["thumbnail"],
|
| 285 |
-
}
|
| 286 |
-
except Exception:
|
| 287 |
-
return None
|
| 288 |
-
|
| 289 |
-
|
| 290 |
-
def _yt_id_from_url(url):
|
| 291 |
-
m = re.search(r'(?:youtube\.com/(?:embed|watch)\?v=|youtu\.be/|youtube-nocookie\.com/embed/)([a-zA-Z0-9_-]{11})', (url or ""))
|
| 292 |
-
return m.group(1) if m else ""
|
| 293 |
-
|
| 294 |
-
|
| 295 |
-
def _is_known_social(url):
|
| 296 |
-
"""True for platforms whose content is embeddable via oEmbed iframes."""
|
| 297 |
-
try:
|
| 298 |
-
host = (re.sub(r"^https?://", "", url or "").split("/")[0] or "").lower()
|
| 299 |
-
return any(k in host for k in ("tiktok", "facebook", "fb.watch", "instagram", "youtube", "youtu.be", "vimeo", "twitter", "x.com"))
|
| 300 |
-
except Exception:
|
| 301 |
-
return False
|
| 302 |
-
|
| 303 |
-
|
| 304 |
-
def _oembed_embed_url(url):
|
| 305 |
-
"""Derive a browser-embeddable iframe URL for social video links.
|
| 306 |
-
|
| 307 |
-
Used as a Short HOT fallback when the direct media cannot be downloaded:
|
| 308 |
-
the post is still created, and the TikTok-style feed renders it as an
|
| 309 |
-
oEmbed iframe slide (exactly like the football video slides on YouTube)
|
| 310 |
-
while the title/description/thumb come from the oEmbed metadata.
|
| 311 |
-
"""
|
| 312 |
-
try:
|
| 313 |
-
host = (re.sub(r"^https?://", "", url).split("/")[0] or "").lower()
|
| 314 |
-
u = (url or "").strip()
|
| 315 |
-
if "tiktok" in host:
|
| 316 |
-
m = re.search(r"/(?:video|@[\w.\-]+/video|embed/v2)/(\d+)", u)
|
| 317 |
-
if m:
|
| 318 |
-
return f"https://www.tiktok.com/embed/v2/{m.group(1)}"
|
| 319 |
-
return ""
|
| 320 |
-
if "facebook" in host or "fb.watch" in host or "fb.gg" in host:
|
| 321 |
-
return "https://www.facebook.com/plugins/video.php?href=" + urllib_quote(u, safe="") + "&show_text=0"
|
| 322 |
-
if "instagram" in host:
|
| 323 |
-
m = re.search(r"/p/([\w\-]+)/?", u)
|
| 324 |
-
if m:
|
| 325 |
-
return f"https://www.instagram.com/p/{m.group(1)}/embed/"
|
| 326 |
-
if "youtube.com" in host or "youtu.be" in host:
|
| 327 |
-
m = re.search(r"(?:v=|shorts/|embed/|youtu\.be/)([a-zA-Z0-9_-]{11})", u)
|
| 328 |
-
if m:
|
| 329 |
-
return f"https://www.youtube.com/embed/{m.group(1)}?autoplay=1&rel=0"
|
| 330 |
-
if "x.com" in host or "twitter" in host:
|
| 331 |
-
m = re.search(r"/status/(\d+)", u)
|
| 332 |
-
if m:
|
| 333 |
-
return f"https://platform.twitter.com/embed/Tweet.html?id={m.group(1)}&dnt=true"
|
| 334 |
-
if "vimeo" in host:
|
| 335 |
-
m = re.search(r"/(\d+)$", u)
|
| 336 |
-
if m:
|
| 337 |
-
return f"https://player.vimeo.com/video/{m.group(1)}"
|
| 338 |
-
except Exception:
|
| 339 |
-
pass
|
| 340 |
-
return ""
|
| 341 |
-
|
| 342 |
-
|
| 343 |
-
def _is_real_http(u):
|
| 344 |
-
"""True if a candidate URL is a real http(s) media URL (not a JS template)."""
|
| 345 |
-
u = (u or "").strip()
|
| 346 |
-
if not re.match(r"^https?://", u):
|
| 347 |
-
return False
|
| 348 |
-
if "'" in u or '"' in u or "+" in u or u.count("(") > 0:
|
| 349 |
-
return False
|
| 350 |
-
return True
|
| 351 |
-
|
| 352 |
-
|
| 353 |
-
def _scrape_page_html(url):
|
| 354 |
-
"""Fallback scraper for news sites (24h, dantri, znews...): parse the article
|
| 355 |
-
HTML for og:video / <video>/<source> / m3u8|mp4 regex inside JS configs
|
| 356 |
-
(e.g. 24h 'playlistConf' blob). Returns info dict or None."""
|
| 357 |
-
try:
|
| 358 |
-
r = requests.get(url, headers=UA_HEADERS, timeout=25)
|
| 359 |
-
if r.status_code != 200:
|
| 360 |
-
return None
|
| 361 |
-
r.encoding = "utf-8"
|
| 362 |
-
html = r.text
|
| 363 |
-
except Exception:
|
| 364 |
-
return None
|
| 365 |
-
title = ""
|
| 366 |
-
mt = re.search(r'<meta[^>]+property="og:title"[^>]+content="([^"]+)"', html) or \
|
| 367 |
-
re.search(r'<meta[^>]+content="([^"]+)"[^>]+property="og:title"', html) or \
|
| 368 |
-
re.search(r"<title[^>]*>([^<]+)</title>", html)
|
| 369 |
-
if mt:
|
| 370 |
-
title = re.sub(r"\s+", " ", mt.group(1)).strip()[:250]
|
| 371 |
-
|
| 372 |
-
# 1) og:video
|
| 373 |
-
cands = []
|
| 374 |
-
for pat in (r'property="og:video[^"]*"\s+content="([^"]+)"',
|
| 375 |
-
r'content="([^"]+)"\s+property="og:video[^"]*"'):
|
| 376 |
-
cands += re.findall(pat, html)
|
| 377 |
-
# 2) <video>/<source> tags
|
| 378 |
-
cands += re.findall(r'<source[^>]+src="([^"]+)"', html)
|
| 379 |
-
cands += re.findall(r"<source[^>]+src='([^']+)'", html)
|
| 380 |
-
cands += re.findall(r'<video[^>]+src="([^"]+)"', html)
|
| 381 |
-
# 3) raw .mp4/.m3u8 URLs in the page (incl. JS playlistConf src:"...")
|
| 382 |
-
cands += re.findall(r'https?://[^"\'\s<>\\]+?\.(?:m3u8|mp4)[^"\'\s<>\\]*', html)
|
| 383 |
-
# 4) src: "..." inside JS (m3u8/mp4)
|
| 384 |
-
cands += re.findall(r'src\s*:\s*["\']([^"\']+?\.(?:m3u8|mp4)[^"\']*)["\']', html)
|
| 385 |
-
|
| 386 |
-
# 5) YouTube iframe embeds (e.g. bongdaplus.vn video pages embed highlights)
|
| 387 |
-
for yt_iframe_src in re.findall(r'<iframe[^>]+src="([^"]*(?:youtube\.com/embed|youtu\.be/|youtube-nocookie\.com/embed)[^"]*)"[^>]*>', html, re.I):
|
| 388 |
-
yt_iframe_src = yt_iframe_src.strip()
|
| 389 |
-
if yt_iframe_src.startswith("//"): yt_iframe_src = "https:" + yt_iframe_src
|
| 390 |
-
yt_id = re.search(r'(?:embed/|youtu\.be/|v=)([a-zA-Z0-9_-]{11})', yt_iframe_src)
|
| 391 |
-
if yt_id:
|
| 392 |
-
cands.append(f"https://www.youtube.com/embed/{yt_id.group(1)}?autoplay=1&rel=0&enablejsapi=1")
|
| 393 |
-
else:
|
| 394 |
-
cands.append(yt_iframe_src)
|
| 395 |
-
|
| 396 |
-
# 6) YouTube embed URLs in JS strings (src: "https://youtube.com/embed/...")
|
| 397 |
-
for yt_js in re.findall(r'src\s*:\s*["\']([^"\']*(?:youtube\.com/embed|youtu\.be/)[^"\']*)["\']', html, re.I):
|
| 398 |
-
yt_js = yt_js.strip()
|
| 399 |
-
if yt_js.startswith("//"): yt_js = "https:" + yt_js
|
| 400 |
-
cands.append(yt_js)
|
| 401 |
-
|
| 402 |
-
# normalize relative URLs + dedupe + prefer 720p m3u8 then mp4
|
| 403 |
-
from urllib.parse import urljoin
|
| 404 |
-
seen = set()
|
| 405 |
-
good = []
|
| 406 |
-
for c in cands:
|
| 407 |
-
c = c.strip().strip('"').strip("'")
|
| 408 |
-
if not c or not _is_real_http(c) and not c.startswith("/"):
|
| 409 |
-
continue
|
| 410 |
-
if c.startswith("/"):
|
| 411 |
-
c = urljoin(url, c)
|
| 412 |
-
if not c.startswith("http"):
|
| 413 |
-
continue
|
| 414 |
-
if c in seen:
|
| 415 |
-
continue
|
| 416 |
-
seen.add(c)
|
| 417 |
-
good.append(c)
|
| 418 |
-
if not good:
|
| 419 |
-
return None
|
| 420 |
-
|
| 421 |
-
# score: prefer m3u8 720p > m3u8 > mp4 720p > mp4
|
| 422 |
-
def score(c):
|
| 423 |
-
s = 0
|
| 424 |
-
if "720p" in c or "720" in c:
|
| 425 |
-
s += 20
|
| 426 |
-
if ".m3u8" in c:
|
| 427 |
-
s += 10
|
| 428 |
-
if "1080" in c:
|
| 429 |
-
s += 18
|
| 430 |
-
if "480" in c:
|
| 431 |
-
s += 8
|
| 432 |
-
return s
|
| 433 |
-
good.sort(key=score, reverse=True)
|
| 434 |
-
direct = good[0]
|
| 435 |
-
|
| 436 |
-
thumb = ""
|
| 437 |
-
mt2 = re.search(r'<meta[^>]+property="og:image[^"]*"\s+content="([^"]+)"', html) or \
|
| 438 |
-
re.search(r'<meta[^>]+content="([^"]+)"[^>]+property="og:image[^"]*"', html)
|
| 439 |
-
if mt2:
|
| 440 |
-
thumb = mt2.group(1).strip()
|
| 441 |
-
|
| 442 |
-
is_hls = ".m3u8" in direct.lower()
|
| 443 |
-
is_youtube = "youtube.com/embed" in direct.lower() or "youtu.be" in direct.lower() or "youtube-nocookie" in direct.lower()
|
| 444 |
-
return {
|
| 445 |
-
"ok": True,
|
| 446 |
-
"url": url,
|
| 447 |
-
"title": title,
|
| 448 |
-
"duration": None,
|
| 449 |
-
"thumbnail": thumb,
|
| 450 |
-
"direct_url": direct,
|
| 451 |
-
"extractor": "youtube" if is_youtube else "html-page",
|
| 452 |
-
"previewable": True,
|
| 453 |
-
"is_hls": is_hls,
|
| 454 |
-
"note": "",
|
| 455 |
-
}
|
| 456 |
-
|
| 457 |
-
|
| 458 |
-
def _resolve_media_url(url):
|
| 459 |
-
"""Fetch the body of a media URL using the right headers (referer for news CDNs)."""
|
| 460 |
-
HDRS = dict(UA_HEADERS)
|
| 461 |
-
host = (re.sub(r"^https?://", "", url).split("/")[0] or "").lower()
|
| 462 |
-
if "vnecdn" in host or "vnexpress" in host:
|
| 463 |
-
HDRS["Referer"] = "https://vnexpress.net/"
|
| 464 |
-
elif "cdn.24h" in host or "24h.com.vn" in host:
|
| 465 |
-
HDRS["Referer"] = "https://www.24h.com.vn/"
|
| 466 |
-
return HDRS
|
| 467 |
-
|
| 468 |
-
|
| 469 |
-
def _scrape_video_info(url):
|
| 470 |
-
"""Extract direct video URL + metadata for a user-pasted link.
|
| 471 |
-
|
| 472 |
-
Returns dict with keys: ok, url (original), title, duration, thumbnail,
|
| 473 |
-
direct_url (proxy-able), extractor, previewable, note.
|
| 474 |
-
"""
|
| 475 |
-
try:
|
| 476 |
-
now = time.time()
|
| 477 |
-
cached = _SCRAPE_CACHE.get(url)
|
| 478 |
-
if cached and now - cached.get("_t", 0) < _SCRAPE_TTL:
|
| 479 |
-
return cached
|
| 480 |
-
except Exception:
|
| 481 |
-
pass
|
| 482 |
-
|
| 483 |
-
# Early-detect social/video platforms that yt-dlp handles slowly or not at all.
|
| 484 |
-
# Facebook URLs block datacenter IPs → yt-dlp hangs for 15s+; skip it and
|
| 485 |
-
# go straight to oEmbed metadata-only fallback.
|
| 486 |
-
_host_l = (re.sub(r"^https?://", "", url).split("/")[0] or "").lower()
|
| 487 |
-
_is_facebook = "facebook" in _host_l or "fb.watch" in _host_l
|
| 488 |
-
|
| 489 |
-
out = None
|
| 490 |
-
if yt_dlp is not None and not _is_facebook:
|
| 491 |
-
try:
|
| 492 |
-
with yt_dlp.YoutubeDL(_ytdlp_opts()) as ydl:
|
| 493 |
-
info = ydl.extract_info(url, download=False)
|
| 494 |
-
# pick best direct (non-m3u8) progressive URL
|
| 495 |
-
direct = None
|
| 496 |
-
if info:
|
| 497 |
-
direct = info.get("url") or ""
|
| 498 |
-
for f in info.get("formats") or []:
|
| 499 |
-
proto = (f.get("protocol") or "")
|
| 500 |
-
if f.get("url") and proto not in ("m3u8_native", "m3u8"):
|
| 501 |
-
direct = f.get("url")
|
| 502 |
-
break
|
| 503 |
-
dur = info.get("duration") if info else None
|
| 504 |
-
try:
|
| 505 |
-
dur = float(dur) if dur is not None else None
|
| 506 |
-
except Exception:
|
| 507 |
-
dur = None
|
| 508 |
-
extractor = (info.get("extractor_key") or info.get("extractor") or "generic") if info else "generic"
|
| 509 |
-
is_hls = bool(direct) and ".m3u8" in direct.lower()
|
| 510 |
-
# If yt-dlp returned a bogus JS template URL ('+d+' etc.), treat as
|
| 511 |
-
# a scrape failure -> fall through to the HTML page parser.
|
| 512 |
-
yt_bad = not _is_real_http(direct)
|
| 513 |
-
out = {
|
| 514 |
-
"ok": not yt_bad,
|
| 515 |
-
"url": url,
|
| 516 |
-
"title": (info.get("title") or "").strip()[:250] if info else "",
|
| 517 |
-
"duration": dur,
|
| 518 |
-
"thumbnail": (info.get("thumbnail") or "").strip() or "" if not yt_bad else "",
|
| 519 |
-
"direct_url": direct or "",
|
| 520 |
-
"extractor": extractor,
|
| 521 |
-
"previewable": bool(direct) and not yt_bad,
|
| 522 |
-
"is_hls": is_hls,
|
| 523 |
-
"note": "",
|
| 524 |
-
}
|
| 525 |
-
except Exception as e:
|
| 526 |
-
if getattr(e, "args", None):
|
| 527 |
-
msg = str(e.args[0]) if isinstance(e.args[0], str) else str(e)
|
| 528 |
-
else:
|
| 529 |
-
msg = str(e)
|
| 530 |
-
# split real error after '[xxx] '
|
| 531 |
-
m = re.search(r"\]\s*(.+)$", msg)
|
| 532 |
-
err = m.group(1) if m else msg[:200]
|
| 533 |
-
out = {"ok": False, "url": url, "error": err[:200]}
|
| 534 |
-
|
| 535 |
-
# YouTube-specific fallback: if yt-dlp fails (SSL/EOF, rate-limit),
|
| 536 |
-
# extract video ID and return the embed iframe URL + thumbnail.
|
| 537 |
-
# The frontend renders YouTube embed URLs as iframes.
|
| 538 |
-
yt_id_match = re.search(r'(?:youtube\.com/(?:embed|watch)\?v=|youtu\.be/|youtube-nocookie\.com/embed/)([a-zA-Z0-9_-]{11})', url)
|
| 539 |
-
if yt_id_match:
|
| 540 |
-
yt_id = yt_id_match.group(1)
|
| 541 |
-
out = {
|
| 542 |
-
"ok": True,
|
| 543 |
-
"url": url,
|
| 544 |
-
"title": f"YouTube video {yt_id}",
|
| 545 |
-
"duration": None,
|
| 546 |
-
"thumbnail": f"https://i.ytimg.com/vi/{yt_id}/hqdefault.jpg",
|
| 547 |
-
"direct_url": f"https://www.youtube.com/embed/{yt_id}?autoplay=1&rel=0&enablejsapi=1",
|
| 548 |
-
"extractor": "youtube-fallback",
|
| 549 |
-
"previewable": True,
|
| 550 |
-
"is_hls": False,
|
| 551 |
-
"note": "yt-dlp failed, using YouTube embed directly",
|
| 552 |
-
}
|
| 553 |
-
|
| 554 |
-
# YouTube enrichment: grab the watch-page meta tags (title/description/
|
| 555 |
-
# thumbnail). yt-dlp often gives a title + mp4 URL but NO description, and
|
| 556 |
-
# the fallback path gives a bare 'YouTube video {id}' — the og: tags from
|
| 557 |
-
# the watch page fix both. Only fills gaps; keeps the existing direct_url.
|
| 558 |
-
if "youtube.com" in _host_l or "youtu.be" in _host_l:
|
| 559 |
-
_meta = _yt_meta(url)
|
| 560 |
-
if _meta:
|
| 561 |
-
if not out or not out.get("ok") or not (out.get("title") or "").strip() or "YouTube video" in (out.get("title") or ""):
|
| 562 |
-
out_title = _meta.get("title") or ""
|
| 563 |
-
else:
|
| 564 |
-
out_title = (out.get("title") or "")
|
| 565 |
-
desc = _meta.get("description") or ""
|
| 566 |
-
thumb = _meta.get("thumbnail") or (out or {}).get("thumbnail", "")
|
| 567 |
-
if not out:
|
| 568 |
-
out = {"ok": True, "url": url}
|
| 569 |
-
out["title"] = out_title or _meta.get("title") or (out.get("title") or "")
|
| 570 |
-
out["description"] = desc
|
| 571 |
-
if thumb:
|
| 572 |
-
out["thumbnail"] = thumb
|
| 573 |
-
|
| 574 |
-
# If yt-dlp failed / gave a bad URL, try parsing the article HTML directly
|
| 575 |
-
# (handles 24h.com.vn JS configs, dantri, znews, some vnexpress pages).
|
| 576 |
-
if not out or not out.get("ok") or not out.get("direct_url"):
|
| 577 |
-
page = _scrape_page_html(url)
|
| 578 |
-
if page:
|
| 579 |
-
# keep yt-dlp title/duration for social sites, take media from page
|
| 580 |
-
base = {"ok": True, "url": url,
|
| 581 |
-
"title": page.get("title") or (out or {}).get("title", ""),
|
| 582 |
-
"duration": (out or {}).get("duration") if (out or {}).get("direct_url") else page.get("duration"),
|
| 583 |
-
"thumbnail": page.get("thumbnail") or (out or {}).get("thumbnail", ""),
|
| 584 |
-
"direct_url": page.get("direct_url"),
|
| 585 |
-
"extractor": page.get("extractor") or "html-page",
|
| 586 |
-
"previewable": True,
|
| 587 |
-
"is_hls": page.get("is_hls", False),
|
| 588 |
-
"note": page.get("note", ""),
|
| 589 |
-
}
|
| 590 |
-
out = base
|
| 591 |
-
|
| 592 |
-
# metadata-only fallback (oEmbed) — lets the user at least see title/thumb
|
| 593 |
-
if not out or not out.get("ok"):
|
| 594 |
-
probe = _oembed_probe(url)
|
| 595 |
-
if probe:
|
| 596 |
-
probe["url"] = url
|
| 597 |
-
out = probe
|
| 598 |
-
|
| 599 |
-
if not out:
|
| 600 |
-
out = {"ok": False, "url": url, "error": "Không lấy được thông tin video từ link này."}
|
| 601 |
-
if "is_hls" not in out:
|
| 602 |
-
out["is_hls"] = bool(out.get("direct_url", "")) and ".m3u8" in (out.get("direct_url", "") or "").lower()
|
| 603 |
-
try:
|
| 604 |
-
out["_t"] = time.time()
|
| 605 |
-
_SCRAPE_CACHE[url] = out
|
| 606 |
-
if len(_SCRAPE_CACHE) > 200:
|
| 607 |
-
for k in list(_SCRAPE_CACHE)[:50]:
|
| 608 |
-
_SCRAPE_CACHE.pop(k, None)
|
| 609 |
-
except Exception:
|
| 610 |
-
pass
|
| 611 |
-
return out
|
| 612 |
-
|
| 613 |
-
|
| 614 |
-
def _load_wall_posts():
|
| 615 |
-
try:
|
| 616 |
-
with _wl_lock:
|
| 617 |
-
if os.path.exists(WALL_FILE):
|
| 618 |
-
with open(WALL_FILE, "r", encoding="utf-8") as f:
|
| 619 |
-
return json.load(f) or []
|
| 620 |
-
except Exception:
|
| 621 |
-
pass
|
| 622 |
-
return []
|
| 623 |
-
|
| 624 |
-
|
| 625 |
-
def _save_wall_posts(posts):
|
| 626 |
-
try:
|
| 627 |
-
with _wl_lock:
|
| 628 |
-
tmp = WALL_FILE + ".tmp"
|
| 629 |
-
with open(tmp, "w", encoding="utf-8") as f:
|
| 630 |
-
json.dump(posts, f, ensure_ascii=False)
|
| 631 |
-
os.replace(tmp, WALL_FILE)
|
| 632 |
-
except Exception:
|
| 633 |
-
pass
|
| 634 |
-
|
| 635 |
-
|
| 636 |
-
def _clean(s):
|
| 637 |
-
s = re.sub(r"[ \t]+", " ", s or "")
|
| 638 |
-
s = re.sub(r"\n{3,}", "\n\n", s)
|
| 639 |
-
return s.strip()
|
| 640 |
-
|
| 641 |
-
|
| 642 |
-
def _safe_name(name):
|
| 643 |
-
return re.sub(r"[^a-zA-Z0-9_.-]", "_", name)[:120]
|
| 644 |
-
|
| 645 |
-
|
| 646 |
-
# =========================================================================
|
| 647 |
-
# TikTok / background MUSIC list — royalty-free tracks with verified direct
|
| 648 |
-
# mp3 URLs (incompetech CC-BY 4.0, Pixabay, Archive.org).
|
| 649 |
-
# =========================================================================
|
| 650 |
-
MUSIC_LIST = [
|
| 651 |
-
{"id": "none", "name": "🚫 Không có nhạc nền", "url": ""},
|
| 652 |
-
{"id": "carefree", "name": "🎵 Carefree (Joyful)", "url": "https://incompetech.com/music/royalty-free/mp3-royaltyfree/Carefree.mp3"},
|
| 653 |
-
{"id": "wholesome", "name": "🎵 Wholesome (Warm)", "url": "https://incompetech.com/music/royalty-free/mp3-royaltyfree/Wholesome.mp3"},
|
| 654 |
-
{"id": "fluffing", "name": "🎵 Fluffing a Duck (Quirky)", "url": "https://incompetech.com/music/royalty-free/mp3-royaltyfree/Fluffing%20a%20Duck.mp3"},
|
| 655 |
-
{"id": "loping", "name": "🎵 Loping Sting (Short)", "url": "https://incompetech.com/music/royalty-free/mp3-royaltyfree/Loping%20Sting.mp3"},
|
| 656 |
-
{"id": "modern", "name": "🎵 Modern Vibes (Electronic)", "url": "https://incompetech.com/music/royalty-free/mp3-royaltyfree/Modern%20Vibes.mp3"},
|
| 657 |
-
{"id": "cheezee", "name": "🎵 Chee Zee Jungle (Upbeat)", "url": "https://incompetech.com/music/royalty-free/mp3-royaltyfree/Chee%20Zee%20Jungle.mp3"},
|
| 658 |
-
{"id": "constance", "name": "🎵 Constance (Cinematic)", "url": "https://incompetech.com/music/royalty-free/mp3-royaltyfree/Constance.mp3"},
|
| 659 |
-
{"id": "edm", "name": "🎵 EDM Detection Mode (Energetic)", "url": "https://incompetech.com/music/royalty-free/mp3-royaltyfree/EDM%20Detection%20Mode.mp3"},
|
| 660 |
-
{"id": "spyglass", "name": "🎵 Spy Glass (Mystery)", "url": "https://incompetech.com/music/royalty-free/mp3-royaltyfree/Spy%20Glass.mp3"},
|
| 661 |
-
{"id": "raving", "name": "🎵 Raving Energy (Dance)", "url": "https://incompetech.com/music/royalty-free/mp3-royaltyfree/Raving%20Energy.mp3"},
|
| 662 |
-
{"id": "pixabay", "name": "🎵 Pixabay Sunset Vibes", "url": "https://cdn.pixabay.com/download/audio/2022/05/27/audio_1808fbf07a.mp3"},
|
| 663 |
-
]
|
| 664 |
-
|
| 665 |
-
MUSIC_BY_ID = {m["id"]: m for m in MUSIC_LIST}
|
| 666 |
-
|
| 667 |
-
|
| 668 |
-
# =========================================================================
|
| 669 |
-
# local URL resolution (uploaded files / wall images) + remote fetch
|
| 670 |
-
# =========================================================================
|
| 671 |
-
def _fetch_bytes(url):
|
| 672 |
-
"""Fetch image/audio/video bytes from a URL. Handles local /api/ URLs."""
|
| 673 |
-
if not url:
|
| 674 |
-
return None
|
| 675 |
-
if url.startswith("/api/ai-short/upload/"):
|
| 676 |
-
p = os.path.join(UPLOAD_DIR, os.path.basename(url.rstrip("/")))
|
| 677 |
-
if os.path.exists(p):
|
| 678 |
-
with open(p, "rb") as f:
|
| 679 |
-
return f.read()
|
| 680 |
-
return None
|
| 681 |
-
if url.startswith("/api/wall/img/"):
|
| 682 |
-
p = os.path.join(WALL_IMG_DIR, os.path.basename(url.rstrip("/")))
|
| 683 |
-
if os.path.exists(p):
|
| 684 |
-
with open(p, "rb") as f:
|
| 685 |
-
return f.read()
|
| 686 |
-
return None
|
| 687 |
-
try:
|
| 688 |
-
r = requests.get(url, headers=UA_HEADERS, timeout=30)
|
| 689 |
-
if r.status_code == 200 and len(r.content) > 900:
|
| 690 |
-
return r.content
|
| 691 |
-
except Exception:
|
| 692 |
-
pass
|
| 693 |
-
return None
|
| 694 |
-
|
| 695 |
-
|
| 696 |
-
def _download_to_file(url, dst, max_mb=400):
|
| 697 |
-
"""Stream a remote file (video) to disk without loading it into RAM.
|
| 698 |
-
Returns True on success. Handles same-origin /api/ URLs by copy.
|
| 699 |
-
If the URL is an HLS playlist (.m3u8), downloads+decrypts all segments
|
| 700 |
-
via _download_hls_to_ts (handles AES-128 encryption from news CDNs).
|
| 701 |
-
YouTube URLs are downloaded via yt-dlp."""
|
| 702 |
-
try:
|
| 703 |
-
# YouTube embed / watch URLs → use yt-dlp to fetch best MP4
|
| 704 |
-
yt_match = re.search(r'youtube\.com/(?:embed|watch)\?v=([a-zA-Z0-9_-]{11})|youtu\.be/([a-zA-Z0-9_-]{11})', (url or ""))
|
| 705 |
-
if yt_dlp is not None and yt_match:
|
| 706 |
-
yt_id = yt_match.group(1) or yt_match.group(2)
|
| 707 |
-
tmp_out = dst + ".yt.mp4"
|
| 708 |
-
cf = _ensure_cookies()
|
| 709 |
-
ytdlp_args = ["yt-dlp", "-f", "best[ext=mp4][height<=720]/best[ext=mp4]/best",
|
| 710 |
-
"--no-playlist", "--remux-video", "mp4", "-o", tmp_out,
|
| 711 |
-
"--timeout", "30", "--no-warnings"]
|
| 712 |
-
if cf:
|
| 713 |
-
ytdlp_args += ["--cookiefile", cf]
|
| 714 |
-
# use the video ID to construct the canonical watch URL
|
| 715 |
-
ytdlp_args.append(f"https://www.youtube.com/watch?v={yt_id}")
|
| 716 |
-
try:
|
| 717 |
-
subprocess.run(ytdlp_args, check=True, stdout=subprocess.PIPE,
|
| 718 |
-
stderr=subprocess.PIPE, timeout=180)
|
| 719 |
-
if os.path.exists(tmp_out) and os.path.getsize(tmp_out) > 0:
|
| 720 |
-
os.rename(tmp_out, dst)
|
| 721 |
-
return True
|
| 722 |
-
except Exception:
|
| 723 |
-
pass
|
| 724 |
-
return False
|
| 725 |
-
|
| 726 |
-
# HLS playlists need segment-wise download + AES decryption
|
| 727 |
-
if ".m3u8" in (url or "").lower():
|
| 728 |
-
return _download_hls_to_ts(url, dst, max_mb=max_mb)
|
| 729 |
-
if url.startswith("/api/ai-short/upload/"):
|
| 730 |
-
p = os.path.join(UPLOAD_DIR, os.path.basename(url.rstrip("/")))
|
| 731 |
-
if os.path.exists(p):
|
| 732 |
-
with open(p, "rb") as f, open(dst, "wb") as g:
|
| 733 |
-
g.write(f.read())
|
| 734 |
-
return True
|
| 735 |
-
return False
|
| 736 |
-
if url.startswith("/api/wall/img/"):
|
| 737 |
-
p = os.path.join(WALL_IMG_DIR, os.path.basename(url.rstrip("/")))
|
| 738 |
-
if os.path.exists(p):
|
| 739 |
-
with open(p, "rb") as f, open(dst, "wb") as g:
|
| 740 |
-
g.write(f.read())
|
| 741 |
-
return True
|
| 742 |
-
return False
|
| 743 |
-
with requests.get(url, headers=UA_HEADERS, timeout=60, stream=True,
|
| 744 |
-
allow_redirects=True) as r:
|
| 745 |
-
if r.status_code != 200:
|
| 746 |
-
return False
|
| 747 |
-
total = 0
|
| 748 |
-
with open(dst, "wb") as f:
|
| 749 |
-
for chunk in r.iter_content(chunk_size=256 * 1024):
|
| 750 |
-
if not chunk:
|
| 751 |
-
continue
|
| 752 |
-
f.write(chunk)
|
| 753 |
-
total += len(chunk)
|
| 754 |
-
if total > max_mb * 1024 * 1024:
|
| 755 |
-
return False
|
| 756 |
-
return os.path.exists(dst) and os.path.getsize(dst) > 900
|
| 757 |
-
except Exception:
|
| 758 |
-
return False
|
| 759 |
-
|
| 760 |
-
|
| 761 |
-
def _download_hls_to_ts(m3u8_url, dst, max_mb=400):
|
| 762 |
-
"""Download an HLS stream (incl. AES-128 encrypted) to a single .ts file,
|
| 763 |
-
decrypting segments in Python. Returns True on success.
|
| 764 |
-
|
| 765 |
-
Avoids relying on ffmpeg's network HLS demuxer (which can be fragile on
|
| 766 |
-
news CDNs like vnecdn/24h that require referer + AES-128 keys)."""
|
| 767 |
-
try:
|
| 768 |
-
from urllib.parse import urljoin, urlparse
|
| 769 |
-
try:
|
| 770 |
-
from Crypto.Cipher import AES
|
| 771 |
-
except Exception:
|
| 772 |
-
AES = None
|
| 773 |
-
HDRS = _resolve_media_url(m3u8_url)
|
| 774 |
-
r = requests.get(m3u8_url, headers=HDRS, timeout=30)
|
| 775 |
-
if r.status_code != 200:
|
| 776 |
-
return False
|
| 777 |
-
text = r.text
|
| 778 |
-
if "#EXTM3U" not in text:
|
| 779 |
-
# Not actually HLS — write raw bytes
|
| 780 |
-
with open(dst, "wb") as f:
|
| 781 |
-
f.write(r.content)
|
| 782 |
-
return os.path.exists(dst) and os.path.getsize(dst) > 900
|
| 783 |
-
# master playlist? pick a variant (prefer 720)
|
| 784 |
-
if "#EXT-X-STREAM-INF" in text:
|
| 785 |
-
ch = re.findall(r'#EXT-X-STREAM-INF[^\n]*\n([^\n]+)', text)
|
| 786 |
-
variants = [v.strip() for v in ch if v.strip()]
|
| 787 |
-
# pick one containing 720, else first
|
| 788 |
-
chosen = next((v for v in variants if "720" in v), variants[0] if variants else None)
|
| 789 |
-
if chosen:
|
| 790 |
-
if not chosen.startswith("http"):
|
| 791 |
-
chosen = urljoin(m3u8_url, chosen)
|
| 792 |
-
return _download_hls_to_ts(chosen, dst, max_mb=max_mb)
|
| 793 |
-
|
| 794 |
-
key = None
|
| 795 |
-
key_uri = None
|
| 796 |
-
km = re.search(r'#EXT-X-KEY:METHOD=AES-128,URI="([^"]+)"', text)
|
| 797 |
-
if km:
|
| 798 |
-
key_uri = km.group(1)
|
| 799 |
-
if not key_uri.startswith("http"):
|
| 800 |
-
key_uri = urljoin(m3u8_url, key_uri)
|
| 801 |
-
kr = requests.get(key_uri, headers=HDRS, timeout=20)
|
| 802 |
-
if kr.status_code == 200:
|
| 803 |
-
key = kr.content
|
| 804 |
-
use_aes = key is not None and AES is not None
|
| 805 |
-
|
| 806 |
-
# media sequence drives the AES-CBC IV
|
| 807 |
-
seq = 0
|
| 808 |
-
mm = re.search(r'#EXT-X-MEDIA-SEQUENCE:\s*(\d+)', text)
|
| 809 |
-
if mm:
|
| 810 |
-
seq = int(mm.group(1))
|
| 811 |
-
keyfm = re.search(r'#EXT-X-KEY:METHOD=AES-128,.*?IV=0x([0-9A-Fa-f]+)', text)
|
| 812 |
-
explicit_iv = keyfm.group(1) if keyfm else None
|
| 813 |
-
|
| 814 |
-
segs = [l.strip() for l in text.splitlines()
|
| 815 |
-
if l.strip() and not l.startswith("#")]
|
| 816 |
-
total = 0
|
| 817 |
-
with open(dst, "wb") as out:
|
| 818 |
-
for i, s in enumerate(segs):
|
| 819 |
-
if not s.startswith("http"):
|
| 820 |
-
s = urljoin(m3u8_url, s)
|
| 821 |
-
sr = requests.get(s, headers=HDRS, timeout=60)
|
| 822 |
-
if sr.status_code != 200:
|
| 823 |
-
return False
|
| 824 |
-
data = sr.content
|
| 825 |
-
sr.close()
|
| 826 |
-
if use_aes:
|
| 827 |
-
# AES-128-CBC decrypt the ENTIRE segment with one call so
|
| 828 |
-
# PKCS7 + CBC chaining stay correct (segment is self-contained).
|
| 829 |
-
if explicit_iv:
|
| 830 |
-
iv = bytes.fromhex(explicit_iv)
|
| 831 |
-
else:
|
| 832 |
-
iv = (seq + i).to_bytes(16, "big")
|
| 833 |
-
data = AES.new(key, AES.MODE_CBC, iv).decrypt(data)
|
| 834 |
-
out.write(data)
|
| 835 |
-
total += len(data)
|
| 836 |
-
if total > max_mb * 1024 * 1024:
|
| 837 |
-
return False
|
| 838 |
-
return os.path.exists(dst) and os.path.getsize(dst) > 900
|
| 839 |
-
except Exception:
|
| 840 |
-
return False
|
| 841 |
-
|
| 842 |
-
|
| 843 |
-
def _probe_duration(path, fallback=15.0):
|
| 844 |
-
try:
|
| 845 |
-
pr = subprocess.run(
|
| 846 |
-
["ffprobe", "-v", "error", "-show_entries", "format=duration",
|
| 847 |
-
"-of", "default=noprint_wrappers=1:no_key=1", path],
|
| 848 |
-
stdout=subprocess.PIPE, stderr=subprocess.PIPE, timeout=30)
|
| 849 |
-
return max(1.0, float((pr.stdout or b"").decode().strip() or fallback))
|
| 850 |
-
except Exception:
|
| 851 |
-
return fallback
|
| 852 |
-
|
| 853 |
-
|
| 854 |
-
def _probe_has_audio(path):
|
| 855 |
-
try:
|
| 856 |
-
pr = subprocess.run(
|
| 857 |
-
["ffprobe", "-v", "error", "-select_streams", "a", "-show_entries",
|
| 858 |
-
"stream=index", "-of", "csv=p=0", path],
|
| 859 |
-
stdout=subprocess.PIPE, stderr=subprocess.PIPE, timeout=30)
|
| 860 |
-
return bool((pr.stdout or b"").decode().strip())
|
| 861 |
-
except Exception:
|
| 862 |
-
return False
|
| 863 |
-
|
| 864 |
-
|
| 865 |
-
def _first_frame(video_path, thumb_path, t=0.5):
|
| 866 |
-
"""Extract a thumbnail frame from a video at time t seconds.
|
| 867 |
-
Returns the served URL path or empty string."""
|
| 868 |
-
try:
|
| 869 |
-
os.makedirs(os.path.dirname(thumb_path), exist_ok=True)
|
| 870 |
-
subprocess.run(
|
| 871 |
-
["ffmpeg", "-y", "-ss", str(t), "-i", video_path,
|
| 872 |
-
"-frames:v", "1", "-q:v", "3", thumb_path],
|
| 873 |
-
stdout=subprocess.PIPE, stderr=subprocess.PIPE, timeout=60)
|
| 874 |
-
if os.path.exists(thumb_path) and os.path.getsize(thumb_path) > 500:
|
| 875 |
-
return f"/api/wall/img/{os.path.basename(thumb_path)}"
|
| 876 |
-
except Exception:
|
| 877 |
-
pass
|
| 878 |
-
return ""
|
| 879 |
-
|
| 880 |
-
|
| 881 |
-
# =========================================================================
|
| 882 |
-
# Image helpers
|
| 883 |
-
# =========================================================================
|
| 884 |
-
def _wrap_text_px(draw, text, font, max_width, max_lines):
|
| 885 |
-
words = _clean(text).split()
|
| 886 |
-
lines, cur = [], ""
|
| 887 |
-
for w in words:
|
| 888 |
-
test = (cur + " " + w).strip()
|
| 889 |
-
try:
|
| 890 |
-
width = draw.textbbox((0, 0), test, font=font)[2]
|
| 891 |
-
except Exception:
|
| 892 |
-
width = len(test) * 20
|
| 893 |
-
if width <= max_width:
|
| 894 |
-
cur = test
|
| 895 |
-
else:
|
| 896 |
-
if cur:
|
| 897 |
-
lines.append(cur)
|
| 898 |
-
cur = w
|
| 899 |
-
if len(lines) >= max_lines:
|
| 900 |
-
break
|
| 901 |
-
if cur and len(lines) < max_lines:
|
| 902 |
-
lines.append(cur)
|
| 903 |
-
return lines
|
| 904 |
-
|
| 905 |
-
|
| 906 |
-
def _cover_resize(img, w, h):
|
| 907 |
-
"""Center-crop + resize to exactly (w, h)."""
|
| 908 |
-
rw, rh = w / h, img.width / img.height
|
| 909 |
-
if rw > rh: # image too tall -> crop bottom/top
|
| 910 |
-
nh = int(img.width / rw)
|
| 911 |
-
top = max(0, (img.height - nh) // 2)
|
| 912 |
-
img = img.crop((0, top, img.width, top + nh))
|
| 913 |
-
else: # image too wide -> crop left/right
|
| 914 |
-
nw = int(img.height * rw)
|
| 915 |
-
left = max(0, (img.width - nw) // 2)
|
| 916 |
-
img = img.crop((left, 0, left + nw, img.height))
|
| 917 |
-
return img.resize((w, h))
|
| 918 |
-
|
| 919 |
-
|
| 920 |
-
def _frame_from_image(image_bytes, out_path, seg_idx=0, seg_total=1):
|
| 921 |
-
"""Full-bleed designed image background + tiny progress chip. NO text."""
|
| 922 |
-
W, H = 1080, 1920
|
| 923 |
-
bg = Image.new("RGB", (W, H), (10, 10, 10))
|
| 924 |
-
try:
|
| 925 |
-
im = Image.open(io_bytes(image_bytes)).convert("RGB")
|
| 926 |
-
bg = _cover_resize(im, W, H)
|
| 927 |
-
except Exception:
|
| 928 |
-
pass
|
| 929 |
-
draw = ImageDraw.Draw(bg)
|
| 930 |
-
try:
|
| 931 |
-
font_small = ImageFont.truetype("/usr/share/fonts/truetype/dejavu/DejaVuSans-Bold.ttf", 26)
|
| 932 |
-
except Exception:
|
| 933 |
-
font_small = None
|
| 934 |
-
if seg_total > 1:
|
| 935 |
-
chip = f"{seg_idx + 1}/{seg_total}"
|
| 936 |
-
try:
|
| 937 |
-
tw = draw.textbbox((0, 0), chip, font=font_small)[2]
|
| 938 |
-
except Exception:
|
| 939 |
-
tw = len(chip) * 14
|
| 940 |
-
draw.rounded_rectangle((W - 40 - tw - 24, 34, W - 22, 74), radius=18, fill=(0, 0, 0))
|
| 941 |
-
draw.text((W - 40 - tw - 10, 40), chip, fill=(255, 255, 255), font=font_small)
|
| 942 |
-
bg.save(out_path, quality=92)
|
| 943 |
-
|
| 944 |
-
|
| 945 |
-
def _frame_with_text(image_bytes, out_path, segment, title, seg_idx=0, seg_total=1):
|
| 946 |
-
"""Designed image bg + centered key point + footer title (default design)."""
|
| 947 |
-
W, H = 1080, 1920
|
| 948 |
-
bg = Image.new("RGB", (W, H), (10, 10, 10))
|
| 949 |
-
try:
|
| 950 |
-
im = Image.open(io_bytes(image_bytes)).convert("RGB")
|
| 951 |
-
cover = _cover_resize(im, W, H)
|
| 952 |
-
bg = Image.blend(cover, Image.new("RGB", (W, H), (0, 0, 0)), 0.45)
|
| 953 |
-
except Exception:
|
| 954 |
-
pass
|
| 955 |
-
draw = ImageDraw.Draw(bg)
|
| 956 |
-
try:
|
| 957 |
-
font_brand = ImageFont.truetype("/usr/share/fonts/truetype/dejavu/DejaVuSans-Bold.ttf", 34)
|
| 958 |
-
font_small = ImageFont.truetype("/usr/share/fonts/truetype/dejavu/DejaVuSans.ttf", 28)
|
| 959 |
-
font_seg = ImageFont.truetype("/usr/share/fonts/truetype/dejavu/DejaVuSans-Bold.ttf", 56)
|
| 960 |
-
font_title = ImageFont.truetype("/usr/share/fonts/truetype/dejavu/DejaVuSans.ttf", 32)
|
| 961 |
-
except Exception:
|
| 962 |
-
font_brand = font_small = font_seg = font_title = None
|
| 963 |
-
draw.rectangle((0, 620, W, H), fill=(12, 12, 12))
|
| 964 |
-
y = 700
|
| 965 |
-
dot_x, dot_y = 48, 762
|
| 966 |
-
for i in range(max(1, seg_total)):
|
| 967 |
-
fill = (92, 184, 122) if i == seg_idx else (70, 70, 70)
|
| 968 |
-
draw.rounded_rectangle((dot_x + i * 38, dot_y, dot_x + i * 38 + 24, dot_y + 10), radius=5, fill=fill)
|
| 969 |
-
draw.text((48, 800), "VNEWS AI SHORT", fill=(110, 231, 143), font=font_brand)
|
| 970 |
-
draw.rounded_rectangle((48, 854, 260, 900), radius=20, fill=(28, 70, 45))
|
| 971 |
-
draw.text((66, 862), f"Đoạn {seg_idx + 1}/{max(1, seg_total)}", fill=(235, 235, 235), font=font_small)
|
| 972 |
-
y = 960
|
| 973 |
-
maxw = W - 96
|
| 974 |
-
for ln in _wrap_text_px(draw, segment, font_seg, maxw, 16):
|
| 975 |
-
draw.text((48, y), ln, fill=(255, 255, 255), font=font_seg)
|
| 976 |
-
y += 72
|
| 977 |
-
if y > 1560:
|
| 978 |
-
break
|
| 979 |
-
y2 = 1700
|
| 980 |
-
draw.line((48, y2 - 24, W - 48, y2 - 24), fill=(70, 70, 70), width=2)
|
| 981 |
-
for ln in _wrap_text_px(draw, title, font_title, maxw, 3):
|
| 982 |
-
draw.text((48, y2), ln, fill=(220, 220, 220), font=font_title)
|
| 983 |
-
y2 += 44
|
| 984 |
-
bg.save(out_path, quality=92)
|
| 985 |
-
|
| 986 |
-
|
| 987 |
-
def io_bytes(b):
|
| 988 |
-
import io
|
| 989 |
-
return io.BytesIO(b)
|
| 990 |
-
|
| 991 |
-
|
| 992 |
-
def _tts_one(text, voice, speed, out_path):
|
| 993 |
-
"""Generate one TTS segment (edge-tts with gTTS fallback), speed-adjusted.
|
| 994 |
-
Returns the final file path or None on failure."""
|
| 995 |
-
edge_voice = {
|
| 996 |
-
"vi-vn-hoaimyneural": "vi-VN-HoaiMyNeural", "vi-vn-namminhneural": "vi-VN-NamMinhNeural",
|
| 997 |
-
"hoaimy": "vi-VN-HoaiMyNeural", "namminh": "vi-VN-NamMinhNeural", "nam": "vi-VN-NamMinhNeural",
|
| 998 |
-
"male": "vi-VN-NamMinhNeural", "nu": "vi-VN-HoaiMyNeural", "female": "vi-VN-HoaiMyNeural",
|
| 999 |
-
"mien-nam": "vi-VN-HoaiMyNeural",
|
| 1000 |
-
"en-us-andrewmultilingualneural": "en-US-AndrewMultilingualNeural",
|
| 1001 |
-
"en-au-williammultilingualneural": "en-AU-WilliamMultilingualNeural",
|
| 1002 |
-
"andrew": "en-US-AndrewMultilingualNeural", "en_andrew": "en-US-AndrewMultilingualNeural",
|
| 1003 |
-
"jenny": "en-US-AndrewMultilingualNeural", "en_jenny": "en-US-AndrewMultilingualNeural",
|
| 1004 |
-
"pt-br-thalitamultilingualneural": "pt-BR-ThalitaMultilingualNeural",
|
| 1005 |
-
"thalita": "pt-BR-ThalitaMultilingualNeural", "pt": "pt-BR-ThalitaMultilingualNeural",
|
| 1006 |
-
"fr-fr-viviennemultilingualneural": "fr-FR-VivienneMultilingualNeural",
|
| 1007 |
-
"fr-fr-remymultilingualneural": "fr-FR-RemyMultilingualNeural",
|
| 1008 |
-
"denise": "fr-FR-VivienneMultilingualNeural", "fr": "fr-FR-VivienneMultilingualNeural",
|
| 1009 |
-
"de-de-seraphinamultilingualneural": "de-DE-SeraphinaMultilingualNeural",
|
| 1010 |
-
"de-de-florianmultilingualneural": "de-DE-FlorianMultilingualNeural",
|
| 1011 |
-
"katja": "de-DE-SeraphinaMultilingualNeural", "de": "de-DE-SeraphinaMultilingualNeural",
|
| 1012 |
-
"ko-kr-hyusumultilingualneural": "ko-KR-HyunsuMultilingualNeural",
|
| 1013 |
-
"ko-kr-hyunsuneural": "ko-KR-HyunsuMultilingualNeural", "sunhee": "ko-KR-HyunsuMultilingualNeural",
|
| 1014 |
-
"ko": "ko-KR-HyunsuMultilingualNeural",
|
| 1015 |
-
"it-it-giuseppemultilingualneural": "it-IT-GiuseppeMultilingualNeural",
|
| 1016 |
-
"ela": "en-US-AndrewMultilingualNeural", "es": "en-US-AndrewMultilingualNeural",
|
| 1017 |
-
}.get(voice.lower(), voice)
|
| 1018 |
-
aud = out_path
|
| 1019 |
-
aud_fast = re.sub(r"\.mp3$", "_fast.mp3", out_path)
|
| 1020 |
-
try:
|
| 1021 |
-
subprocess.run(
|
| 1022 |
-
["python", "-m", "edge_tts", "--voice", edge_voice, "--text", text,
|
| 1023 |
-
"--write-media", aud],
|
| 1024 |
-
check=True, stdout=subprocess.PIPE, stderr=subprocess.PIPE, timeout=120)
|
| 1025 |
-
except Exception:
|
| 1026 |
-
aud = None
|
| 1027 |
-
try:
|
| 1028 |
-
from gtts import gTTS
|
| 1029 |
-
tld = "com.vn" if voice.lower() in ("nu", "female", "mien-nam", "hoaimy") else "com"
|
| 1030 |
-
try:
|
| 1031 |
-
gTTS(text, lang="vi", tld=tld, slow=False).save(aud)
|
| 1032 |
-
except TypeError:
|
| 1033 |
-
gTTS(text, lang="vi", slow=False).save(aud)
|
| 1034 |
-
except Exception:
|
| 1035 |
-
pass
|
| 1036 |
-
if aud and os.path.exists(aud) and os.path.getsize(aud) > 900:
|
| 1037 |
-
try:
|
| 1038 |
-
subprocess.run(["ffmpeg", "-y", "-i", aud, "-filter:a", f"atempo={speed}", "-vn", aud_fast],
|
| 1039 |
-
check=True, stdout=subprocess.PIPE, stderr=subprocess.PIPE, timeout=90)
|
| 1040 |
-
if os.path.exists(aud_fast) and os.path.getsize(aud_fast) > 900:
|
| 1041 |
-
return aud_fast
|
| 1042 |
-
except Exception:
|
| 1043 |
-
pass
|
| 1044 |
-
return aud
|
| 1045 |
-
return None
|
| 1046 |
-
|
| 1047 |
-
|
| 1048 |
-
def _concat_audio(paths, out_path, pad=0.3):
|
| 1049 |
-
"""Concatenate audio files into one track (m4a/aac)."""
|
| 1050 |
-
if not paths:
|
| 1051 |
-
return None
|
| 1052 |
-
lst = os.path.join(os.path.dirname(out_path), "_alist.txt")
|
| 1053 |
-
with open(lst, "w", encoding="utf-8") as f:
|
| 1054 |
-
for p in paths:
|
| 1055 |
-
f.write("file '" + p.replace("'", "'\\''") + "'\n")
|
| 1056 |
-
subprocess.run(["ffmpeg", "-y", "-f", "concat", "-safe", "0", "-i", lst,
|
| 1057 |
-
"-c:a", "aac", "-b:a", "128k", out_path],
|
| 1058 |
-
stdout=subprocess.PIPE, stderr=subprocess.PIPE, timeout=240)
|
| 1059 |
-
return out_path if os.path.exists(out_path) and os.path.getsize(out_path) > 900 else None
|
| 1060 |
-
|
| 1061 |
-
|
| 1062 |
-
def _assemble_video_short(work, video_path, video_dur, img_paths, segs,
|
| 1063 |
-
reuse_audio_path, video_audio_path, voice, speed,
|
| 1064 |
-
music_path, out_mp4, fallback_title):
|
| 1065 |
-
"""New video-first short assembly.
|
| 1066 |
-
|
| 1067 |
-
Timeline: scraped/uploaded video plays first (up to min(video_dur, voice)),
|
| 1068 |
-
then the designed/selected images fill the remainder of the voice duration
|
| 1069 |
-
(or until the video covers the whole short). The voice track is
|
| 1070 |
-
continuous TTS narration of the segments (or reused previous short audio).
|
| 1071 |
-
|
| 1072 |
-
Returns (out_mp4, total_dur) or raises on failure.
|
| 1073 |
-
"""
|
| 1074 |
-
# ---------- 1. narration track (continuous) ----------
|
| 1075 |
-
narr = None
|
| 1076 |
-
if reuse_audio_path and os.path.exists(reuse_audio_path):
|
| 1077 |
-
narr = os.path.join(work, "narr.m4a")
|
| 1078 |
-
subprocess.run(["ffmpeg", "-y", "-i", reuse_audio_path,
|
| 1079 |
-
"-c:a", "aac", "-b:a", "128k", narr],
|
| 1080 |
-
stdout=subprocess.PIPE, stderr=subprocess.PIPE, timeout=180)
|
| 1081 |
-
narr = narr if os.path.exists(narr) and os.path.getsize(narr) > 900 else None
|
| 1082 |
-
else:
|
| 1083 |
-
voice_parts = []
|
| 1084 |
-
for i, seg in enumerate(segs):
|
| 1085 |
-
vf = _tts_one(seg, voice, speed, os.path.join(work, f"vf_{i:02d}.mp3"))
|
| 1086 |
-
if vf:
|
| 1087 |
-
voice_parts.append(vf)
|
| 1088 |
-
if voice_parts:
|
| 1089 |
-
narr = _concat_audio(voice_parts, os.path.join(work, "narr.m4a"))
|
| 1090 |
-
if narr and os.path.exists(narr):
|
| 1091 |
-
# small tail silence so the last word isn't cut
|
| 1092 |
-
tail = os.path.join(work, "narr_tail.m4a")
|
| 1093 |
-
subprocess.run(["ffmpeg", "-y", "-i", narr, "-af", "apad=pad_dur=0.6",
|
| 1094 |
-
"-c:a", "aac", "-b:a", "128k", tail],
|
| 1095 |
-
stdout=subprocess.PIPE, stderr=subprocess.PIPE, timeout=120)
|
| 1096 |
-
if os.path.exists(tail) and os.path.getsize(tail) > 900:
|
| 1097 |
-
narr = tail
|
| 1098 |
-
|
| 1099 |
-
narr_dur = _probe_duration(narr, fallback=0.0) if narr else 0.0
|
| 1100 |
-
total_dur = narr_dur
|
| 1101 |
-
if total_dur < 1.0:
|
| 1102 |
-
# no voice -> short is driven by video length (or music overlays later)
|
| 1103 |
-
total_dur = max(1.0, video_dur)
|
| 1104 |
-
|
| 1105 |
-
# ---------- 2. split timeline ----------
|
| 1106 |
-
# When video is longer than narration (e.g. scraped YouTube video in HOT mode),
|
| 1107 |
-
# let the video play at its full length and fill remaining time with images.
|
| 1108 |
-
# When narration is longer, video plays first then images fill the remainder.
|
| 1109 |
-
if video_dur > 0 and narr_dur < video_dur:
|
| 1110 |
-
# Video is longer than narration → video plays first at full length,
|
| 1111 |
-
# then images fill any remaining narration time (usually minimal).
|
| 1112 |
-
use_video = video_dur
|
| 1113 |
-
total_dur = max(use_video, narr_dur)
|
| 1114 |
-
img_dur = total_dur - use_video
|
| 1115 |
-
else:
|
| 1116 |
-
use_video = max(0.0, min(video_dur, total_dur))
|
| 1117 |
-
img_dur = total_dur - use_video
|
| 1118 |
-
imgs = img_paths or []
|
| 1119 |
-
# image durations: split remaining time across available images (min 1.2s,
|
| 1120 |
-
# repeat cyclically if the voice is longer than all images)
|
| 1121 |
-
img_plan = []
|
| 1122 |
-
if img_dur > 0.5 and imgs:
|
| 1123 |
-
per = max(1.2, min(8.0, img_dur / len(imgs)))
|
| 1124 |
-
remaining = img_dur
|
| 1125 |
-
i = 0
|
| 1126 |
-
while remaining > 0.3:
|
| 1127 |
-
img_plan.append((imgs[i % len(imgs)], min(per, remaining)))
|
| 1128 |
-
remaining -= per
|
| 1129 |
-
i += 1
|
| 1130 |
-
|
| 1131 |
-
# ---------- 3. build ffmpeg command ----------
|
| 1132 |
-
cmd = ["ffmpeg", "-y"]
|
| 1133 |
-
# video input first (index 0)
|
| 1134 |
-
cmd += ["-i", video_path]
|
| 1135 |
-
# image loop inputs
|
| 1136 |
-
for idx, (_, dur) in enumerate(img_plan):
|
| 1137 |
-
cmd += ["-framerate", "25", "-loop", "1", "-t", str(max(0.4, dur)), "-i", img_plan[idx][0]]
|
| 1138 |
-
# narration + optional video audio inputs
|
| 1139 |
-
audio_inputs = []
|
| 1140 |
-
narr_idx = None
|
| 1141 |
-
va_idx = None
|
| 1142 |
-
if narr:
|
| 1143 |
-
narr_idx = 1 + len(img_plan)
|
| 1144 |
-
cmd += ["-i", narr]
|
| 1145 |
-
audio_inputs.append(narr_idx)
|
| 1146 |
-
if video_audio_path and os.path.exists(video_audio_path):
|
| 1147 |
-
va_idx = 1 + len(img_plan) + (1 if narr_idx is not None else 0)
|
| 1148 |
-
cmd += ["-i", video_audio_path]
|
| 1149 |
-
audio_inputs.append(va_idx)
|
| 1150 |
-
|
| 1151 |
-
# filter graph
|
| 1152 |
-
fc = []
|
| 1153 |
-
# video inputs: [0:v] = scraped video, [k:v] = images
|
| 1154 |
-
vlabels = []
|
| 1155 |
-
# video: trim to use_video, scale/crop to 1080x1920 portrait, normalize fps
|
| 1156 |
-
fc.append(
|
| 1157 |
-
f"[0:v]trim=duration={use_video:.3f},setpts=PTS-STARTPTS,"
|
| 1158 |
-
f"scale=1080:1920:force_original_aspect_ratio=increase,crop=1080:1920,"
|
| 1159 |
-
f"fps=25,format=yuv420p[v0]"
|
| 1160 |
-
)
|
| 1161 |
-
vlabels.append("[v0]")
|
| 1162 |
-
for idx, (_, dur) in enumerate(img_plan):
|
| 1163 |
-
lab = f"v{idx + 1}"
|
| 1164 |
-
fc.append(
|
| 1165 |
-
f"[{1 + idx}:v]trim=duration={dur:.3f},setpts=PTS-STARTPTS,"
|
| 1166 |
-
f"scale=1080:1920:force_original_aspect_ratio=increase,crop=1080:1920,"
|
| 1167 |
-
f"fps=25,format=yuv420p[{lab}]"
|
| 1168 |
-
)
|
| 1169 |
-
vlabels.append(f"[{lab}]")
|
| 1170 |
-
if len(vlabels) > 1:
|
| 1171 |
-
concat_in = "".join(vlabels)
|
| 1172 |
-
fc.append(f"{concat_in}concat=n={len(vlabels)}:v=1:a=0[vout]")
|
| 1173 |
-
vmap = "[vout]"
|
| 1174 |
-
else:
|
| 1175 |
-
vmap = "[v0]"
|
| 1176 |
-
|
| 1177 |
-
# audio graph
|
| 1178 |
-
if audio_inputs:
|
| 1179 |
-
amix_sources = []
|
| 1180 |
-
if narr_idx is not None:
|
| 1181 |
-
fc.append(f"[{narr_idx}:a]aresample=44100,atrim=duration={total_dur:.3f},asetpts=PTS-STARTPTS[n]")
|
| 1182 |
-
amix_sources.append("[n]")
|
| 1183 |
-
if va_idx is not None:
|
| 1184 |
-
fc.append(f"[{va_idx}:a]aresample=44100,volume=0.85,atrim=duration={use_video:.3f},asetpts=PTS-STARTPTS[xva]")
|
| 1185 |
-
amix_sources.append("[xva]")
|
| 1186 |
-
fc.append(f"{''.join(amix_sources)}amix=inputs={len(amix_sources)}:duration=first:dropout_transition=0:normalize=0[aout]")
|
| 1187 |
-
amap = "[aout]"
|
| 1188 |
-
else:
|
| 1189 |
-
amap = None
|
| 1190 |
-
|
| 1191 |
-
fc_str = ";".join(fc)
|
| 1192 |
-
cmd += ["-filter_complex", fc_str]
|
| 1193 |
-
cmd += ["-map", vmap]
|
| 1194 |
-
if amap:
|
| 1195 |
-
cmd += ["-map", amap, "-c:a", "aac", "-b:a", "160k"]
|
| 1196 |
-
else:
|
| 1197 |
-
cmd += ["-an"]
|
| 1198 |
-
cmd += ["-c:v", "libx264", "-preset", "veryfast", "-crf", "23",
|
| 1199 |
-
"-pix_fmt", "yuv420p", "-movflags", "+faststart",
|
| 1200 |
-
"-t", f"{total_dur:.3f}", "-shortest", out_mp4]
|
| 1201 |
-
subprocess.run(cmd, check=True, stdout=subprocess.PIPE, stderr=subprocess.PIPE, timeout=600)
|
| 1202 |
-
return out_mp4, total_dur
|
| 1203 |
-
|
| 1204 |
-
|
| 1205 |
-
def _segments_from_post(post, max_segments=25):
|
| 1206 |
-
raw = _clean(post.get("text") or post.get("title") or "")
|
| 1207 |
-
raw = re.sub(r"^Bản tin AI viết lại:\s*", "", raw, flags=re.I)
|
| 1208 |
-
raw = re.sub(r"Nguồn tham khảo:.*$", "", raw, flags=re.I | re.S).strip()
|
| 1209 |
-
lines = []
|
| 1210 |
-
for ln in raw.splitlines():
|
| 1211 |
-
ln = _clean(re.sub(r"^[•\-\*\d\.\)\s]+", "", ln))
|
| 1212 |
-
if not ln:
|
| 1213 |
-
continue
|
| 1214 |
-
low = ln.lower()
|
| 1215 |
-
if low.startswith(("điểm chính", "tiêu đề", "sapo", "nguồn tham khảo")):
|
| 1216 |
-
continue
|
| 1217 |
-
if len(ln) >= 18:
|
| 1218 |
-
lines.append(ln)
|
| 1219 |
-
if len(lines) < 3:
|
| 1220 |
-
lines = []
|
| 1221 |
-
for s in re.split(r"(?<=[\.\!\?])\s+", raw):
|
| 1222 |
-
s = _clean(s)
|
| 1223 |
-
if len(s) >= 25:
|
| 1224 |
-
lines.append(s)
|
| 1225 |
-
seen = set()
|
| 1226 |
-
out = []
|
| 1227 |
-
for u in lines[: max_segments * 3]:
|
| 1228 |
-
nu = re.sub(r"[^\wÀ-ỹ\s]", "", u.lower())
|
| 1229 |
-
if nu in seen:
|
| 1230 |
-
continue
|
| 1231 |
-
seen.add(nu)
|
| 1232 |
-
out.append(u)
|
| 1233 |
-
if len(out) >= max_segments:
|
| 1234 |
-
break
|
| 1235 |
-
return out[:max_segments] if out else [post.get("title", "Bản tin VNEWS")]
|
| 1236 |
-
|
| 1237 |
-
|
| 1238 |
-
def _find_previous_short(post_id):
|
| 1239 |
-
"""Find the most recent short mp4 for this post (prior generation)."""
|
| 1240 |
-
prefix = _safe_name(post_id)
|
| 1241 |
-
best, best_mtime = None, 0
|
| 1242 |
-
try:
|
| 1243 |
-
for f in os.listdir(SHORTS_DIR):
|
| 1244 |
-
# current naming: <post_id>v2_<...>.mp4
|
| 1245 |
-
if f.startswith(prefix + "v2_") and f.endswith(".mp4"):
|
| 1246 |
-
p = os.path.join(SHORTS_DIR, f)
|
| 1247 |
-
mt = os.path.getmtime(p)
|
| 1248 |
-
if mt > best_mtime:
|
| 1249 |
-
best, best_mtime = p, mt
|
| 1250 |
-
except Exception:
|
| 1251 |
-
pass
|
| 1252 |
-
# also legacy patched files: <post_id>_<voice>_..._scenes_nosub.mp4
|
| 1253 |
-
if not best:
|
| 1254 |
-
try:
|
| 1255 |
-
for f in os.listdir(SHORTS_DIR):
|
| 1256 |
-
if f.startswith(prefix + "_") and f.endswith("_scenes_nosub.mp4"):
|
| 1257 |
-
p = os.path.join(SHORTS_DIR, f)
|
| 1258 |
-
mt = os.path.getmtime(p)
|
| 1259 |
-
if mt > best_mtime:
|
| 1260 |
-
best, best_mtime = p, mt
|
| 1261 |
-
except Exception:
|
| 1262 |
-
pass
|
| 1263 |
-
return best
|
| 1264 |
-
|
| 1265 |
-
|
| 1266 |
-
# =========================================================================
|
| 1267 |
-
# Endpoints
|
| 1268 |
-
# =========================================================================
|
| 1269 |
-
@app.get("/api/ai-short/music")
|
| 1270 |
-
def api_short_music_list():
|
| 1271 |
-
return JSONResponse({"music": MUSIC_LIST})
|
| 1272 |
-
|
| 1273 |
-
|
| 1274 |
-
@app.get("/api/ai-short/music/stream")
|
| 1275 |
-
def api_short_music_stream(url: str = Query(...)):
|
| 1276 |
-
"""Proxy một track nhạc nền với CORS headers để trình duyệt phát trước khi chọn."""
|
| 1277 |
-
try:
|
| 1278 |
-
r = requests.get(url, headers=UA_HEADERS, timeout=30,
|
| 1279 |
-
stream=True, allow_redirects=True)
|
| 1280 |
-
if r.status_code != 200:
|
| 1281 |
-
return Response(status_code=502)
|
| 1282 |
-
return Response(
|
| 1283 |
-
content=r.content,
|
| 1284 |
-
media_type="audio/mpeg",
|
| 1285 |
-
headers={
|
| 1286 |
-
"Cache-Control": "public, max-age=86400",
|
| 1287 |
-
"Access-Control-Allow-Origin": "*",
|
| 1288 |
-
"Accept-Ranges": "bytes",
|
| 1289 |
-
"Content-Disposition": "inline",
|
| 1290 |
-
},
|
| 1291 |
-
)
|
| 1292 |
-
except Exception:
|
| 1293 |
-
return Response(status_code=502)
|
| 1294 |
-
|
| 1295 |
-
|
| 1296 |
-
@app.post("/api/ai-short/upload")
|
| 1297 |
-
async def api_short_upload(file: UploadFile = File(...)):
|
| 1298 |
-
"""Upload audio/video/image used as short background."""
|
| 1299 |
-
try:
|
| 1300 |
-
if not file or not hasattr(file, "filename"):
|
| 1301 |
-
return JSONResponse({"error": "Thiếu file"}, status_code=400)
|
| 1302 |
-
fname = file.filename or ""
|
| 1303 |
-
ext = os.path.splitext(fname)[1].lower()
|
| 1304 |
-
if ext not in (".mp3", ".wav", ".m4a", ".aac", ".ogg",
|
| 1305 |
-
".mp4", ".webm", ".mov",
|
| 1306 |
-
".jpg", ".jpeg", ".png", ".webp"):
|
| 1307 |
-
return JSONResponse({"error": "Định dạng file không hỗ trợ"}, status_code=400)
|
| 1308 |
-
content = await file.read()
|
| 1309 |
-
if not content:
|
| 1310 |
-
return JSONResponse({"error": "File rỗng"}, status_code=400)
|
| 1311 |
-
if len(content) > 60 * 1024 * 1024:
|
| 1312 |
-
return JSONResponse({"error": "File quá lớn (>60MB)"}, status_code=400)
|
| 1313 |
-
fuid = str(uuid.uuid4())[:12]
|
| 1314 |
-
out_name = f"su_{fuid}{ext}"
|
| 1315 |
-
with open(os.path.join(UPLOAD_DIR, out_name), "wb") as f:
|
| 1316 |
-
f.write(content)
|
| 1317 |
-
kind = ("audio" if ext in (".mp3", ".wav", ".m4a", ".aac", ".ogg")
|
| 1318 |
-
else ("video" if ext in (".mp4", ".webm", ".mov") else "image"))
|
| 1319 |
-
return JSONResponse({"ok": True, "url": f"/api/ai-short/upload/{out_name}", "kind": kind})
|
| 1320 |
-
except Exception as e:
|
| 1321 |
-
return JSONResponse({"error": f"Lỗi upload: {str(e)[:150]}"}, status_code=500)
|
| 1322 |
-
|
| 1323 |
-
|
| 1324 |
-
@app.get("/api/ai-short/upload/{fname}")
|
| 1325 |
-
def api_short_upload_file(fname: str):
|
| 1326 |
-
if ".." in fname or "/" in fname:
|
| 1327 |
-
return JSONResponse({"error": "bad name"}, status_code=400)
|
| 1328 |
-
p = os.path.join(UPLOAD_DIR, fname)
|
| 1329 |
-
if not os.path.exists(p):
|
| 1330 |
-
return JSONResponse({"error": "not found"}, status_code=404)
|
| 1331 |
-
ext = os.path.splitext(fname)[1].lower()
|
| 1332 |
-
mt = {
|
| 1333 |
-
".mp3": "audio/mpeg", ".wav": "audio/wav", ".m4a": "audio/mp4",
|
| 1334 |
-
".aac": "audio/aac", ".ogg": "audio/ogg",
|
| 1335 |
-
".mp4": "video/mp4", ".webm": "video/webm", ".mov": "video/quicktime",
|
| 1336 |
-
".jpg": "image/jpeg", ".jpeg": "image/jpeg", ".png": "image/png",
|
| 1337 |
-
".webp": "image/webp",
|
| 1338 |
-
}.get(ext, "application/octet-stream")
|
| 1339 |
-
return FileResponse(p, media_type=mt)
|
| 1340 |
-
|
| 1341 |
-
|
| 1342 |
-
@app.get("/api/ai-short/scrape")
|
| 1343 |
-
def api_scrape_video(url: str = Query(...)):
|
| 1344 |
-
"""Scrap video info from any link (YouTube/TikTok/news...).
|
| 1345 |
-
|
| 1346 |
-
Returns direct media URL + duration + thumbnail so the frontend can
|
| 1347 |
-
show a preview before generating the short.
|
| 1348 |
-
"""
|
| 1349 |
-
if not url or not re.match(r"^https?://", url):
|
| 1350 |
-
return JSONResponse({"error": "Link không hợp lệ"}, status_code=400)
|
| 1351 |
-
info = _scrape_video_info(url.strip())
|
| 1352 |
-
if not info.get("ok"):
|
| 1353 |
-
return JSONResponse({"error": info.get("error", "Không lấy được video")}, status_code=422)
|
| 1354 |
-
# strip cache-internal key before returning to the client
|
| 1355 |
-
info = {k: v for k, v in info.items() if k != "_t"}
|
| 1356 |
-
return JSONResponse(info)
|
| 1357 |
-
|
| 1358 |
-
|
| 1359 |
-
@app.get("/api/ai-short/scrape/preview")
|
| 1360 |
-
def api_scrape_video_preview(url: str = Query(...), request: Request = None):
|
| 1361 |
-
"""Stream the scraped video (or its direct mp4) so the browser can play
|
| 1362 |
-
it inside the short creator modal. Range-capable proxy.
|
| 1363 |
-
"""
|
| 1364 |
-
if not url or not re.match(r"^https?://", url):
|
| 1365 |
-
return JSONResponse({"error": "Link không hợp lệ"}, status_code=400)
|
| 1366 |
-
req_headers = dict(UA_HEADERS)
|
| 1367 |
-
if request and request.headers.get("range"):
|
| 1368 |
-
req_headers["Range"] = request.headers["range"]
|
| 1369 |
-
try:
|
| 1370 |
-
r = requests.get(url, headers=req_headers, timeout=30, stream=True,
|
| 1371 |
-
allow_redirects=True)
|
| 1372 |
-
except Exception:
|
| 1373 |
-
return JSONResponse({"error": "Không tải được video" }, status_code=502)
|
| 1374 |
-
if r.status_code >= 400:
|
| 1375 |
-
return JSONResponse({"error": "Lỗi nguồn video"}, status_code=502)
|
| 1376 |
-
resp_headers = {
|
| 1377 |
-
"Access-Control-Allow-Origin": "*",
|
| 1378 |
-
"Accept-Ranges": "bytes",
|
| 1379 |
-
"Content-Type": r.headers.get("Content-Type", "video/mp4"),
|
| 1380 |
-
}
|
| 1381 |
-
if "Content-Range" in r.headers:
|
| 1382 |
-
resp_headers["Content-Range"] = r.headers["Content-Range"]
|
| 1383 |
-
if "Content-Length" in r.headers:
|
| 1384 |
-
resp_headers["Content-Length"] = r.headers["Content-Length"]
|
| 1385 |
-
if "Cache-Control" in r.headers:
|
| 1386 |
-
resp_headers["Cache-Control"] = r.headers["Cache-Control"]
|
| 1387 |
-
else:
|
| 1388 |
-
resp_headers["Cache-Control"] = "public, max-age=3600"
|
| 1389 |
-
|
| 1390 |
-
def gen():
|
| 1391 |
-
try:
|
| 1392 |
-
yield from r.iter_content(chunk_size=256 * 1024)
|
| 1393 |
-
finally:
|
| 1394 |
-
r.close()
|
| 1395 |
-
|
| 1396 |
-
return StreamingResponse(gen(), status_code=r.status_code, headers=resp_headers)
|
| 1397 |
-
|
| 1398 |
-
|
| 1399 |
-
@app.get("/api/ai-short/scrape/hls")
|
| 1400 |
-
def api_scrape_video_hls(url: str = Query(...)):
|
| 1401 |
-
"""Proxy an HLS master/media playlist and rewrite segment + key URIs to
|
| 1402 |
-
same-origin proxy routes so the browser (hls.js) can play AES-128 HLS
|
| 1403 |
-
from news CDNs (vnexpress/24h) without CORS errors."""
|
| 1404 |
-
if not url or not re.match(r"^https?://", url):
|
| 1405 |
-
return JSONResponse({"error": "Link không hợp lệ"}, status_code=400)
|
| 1406 |
-
try:
|
| 1407 |
-
HDRS = _resolve_media_url(url)
|
| 1408 |
-
r = requests.get(url, headers=HDRS, timeout=25)
|
| 1409 |
-
if r.status_code != 200:
|
| 1410 |
-
return JSONResponse({"error": "Lỗi nguồn HLS"}, status_code=502)
|
| 1411 |
-
text = r.text
|
| 1412 |
-
if "#EXTM3U" not in text:
|
| 1413 |
-
# not a playlist; pass through as binary
|
| 1414 |
-
return Response(content=r.content,
|
| 1415 |
-
media_type=r.headers.get("Content-Type", "video/mp4"),
|
| 1416 |
-
headers={"Access-Control-Allow-Origin": "*"})
|
| 1417 |
-
from urllib.parse import urljoin, quote
|
| 1418 |
-
out_lines = []
|
| 1419 |
-
for line in text.splitlines():
|
| 1420 |
-
s = line.strip()
|
| 1421 |
-
if s.startswith("#"):
|
| 1422 |
-
# rewrite #EXT-X-KEY URI to same-origin key proxy
|
| 1423 |
-
if "#EXT-X-KEY" in s and "URI=" in s:
|
| 1424 |
-
m = re.search(r'URI="([^"]+)"', s)
|
| 1425 |
-
if m:
|
| 1426 |
-
ku = m.group(1)
|
| 1427 |
-
if not ku.startswith("http"):
|
| 1428 |
-
ku = urljoin(url, ku)
|
| 1429 |
-
s2 = s.replace(m.group(0), 'URI="/api/ai-short/scrape/key?url=' + urllib_quote(ku, safe="") + '"')
|
| 1430 |
-
out_lines.append(s2)
|
| 1431 |
-
continue
|
| 1432 |
-
out_lines.append(s)
|
| 1433 |
-
elif s.startswith("http"): # absolute segment URI
|
| 1434 |
-
out_lines.append("/api/ai-short/scrape/seg?url=" + urllib_quote(s, safe=""))
|
| 1435 |
-
elif s: # relative segment URI
|
| 1436 |
-
out_lines.append("/api/ai-short/scrape/seg?url=" + urllib_quote(urljoin(url, s), safe=""))
|
| 1437 |
-
return Response(content="\n".join(out_lines).encode("utf-8"),
|
| 1438 |
-
media_type="application/vnd.apple.mpegurl",
|
| 1439 |
-
headers={"Access-Control-Allow-Origin": "*",
|
| 1440 |
-
"Cache-Control": "public, max-age=300"})
|
| 1441 |
-
except Exception:
|
| 1442 |
-
return JSONResponse({"error": "Lỗi proxy HLS"}, status_code=502)
|
| 1443 |
-
|
| 1444 |
-
|
| 1445 |
-
@app.get("/api/ai-short/scrape/seg")
|
| 1446 |
-
def api_scrape_video_seg(url: str = Query(...)):
|
| 1447 |
-
"""Stream a single HLS segment (.ts) with proper referer headers."""
|
| 1448 |
-
if not url or not re.match(r"^https?://", url):
|
| 1449 |
-
return JSONResponse({"error": "Link không hợp lệ"}, status_code=400)
|
| 1450 |
-
try:
|
| 1451 |
-
HDRS = _resolve_media_url(url)
|
| 1452 |
-
r = requests.get(url, headers=HDRS, timeout=60, stream=True)
|
| 1453 |
-
if r.status_code != 200:
|
| 1454 |
-
return JSONResponse({"error": "Lỗi segment"}, status_code=502)
|
| 1455 |
-
return StreamingResponse(r.iter_content(chunk_size=256 * 1024),
|
| 1456 |
-
media_type="video/mp2t",
|
| 1457 |
-
headers={"Access-Control-Allow-Origin": "*",
|
| 1458 |
-
"Cache-Control": "public, max-age=3600"})
|
| 1459 |
-
except Exception:
|
| 1460 |
-
return JSONResponse({"error": "Lỗi segment"}, status_code=502)
|
| 1461 |
-
|
| 1462 |
-
|
| 1463 |
-
@app.get("/api/ai-short/scrape/key")
|
| 1464 |
-
def api_scrape_video_key(url: str = Query(...)):
|
| 1465 |
-
"""Proxy the AES-128 key URI for HLS playlists."""
|
| 1466 |
-
if not url or not re.match(r"^https?://", url):
|
| 1467 |
-
return JSONResponse({"error": "Link không hợp lệ"}, status_code=400)
|
| 1468 |
-
try:
|
| 1469 |
-
HDRS = _resolve_media_url(url)
|
| 1470 |
-
r = requests.get(url, headers=HDRS, timeout=20)
|
| 1471 |
-
if r.status_code != 200:
|
| 1472 |
-
return JSONResponse({"error": "Lỗi key"}, status_code=502)
|
| 1473 |
-
return Response(content=r.content, media_type="application/octet-stream",
|
| 1474 |
-
headers={"Access-Control-Allow-Origin": "*",
|
| 1475 |
-
"Cache-Control": "public, max-age=3600"})
|
| 1476 |
-
except Exception:
|
| 1477 |
-
return JSONResponse({"error": "Lỗi key"}, status_code=502)
|
| 1478 |
-
|
| 1479 |
-
|
| 1480 |
-
@app.post("/api/ai-short")
|
| 1481 |
-
async def api_short_generate(request: Request):
|
| 1482 |
-
"""Generate a Short AI video.
|
| 1483 |
-
|
| 1484 |
-
JSON body:
|
| 1485 |
-
post_id (str) wall post id (required)
|
| 1486 |
-
use_slides (bool) one scene per designed slide; image = designed slide
|
| 1487 |
-
image; NO text overlays; narration = audio of previous
|
| 1488 |
-
short if available, else TTS of slide text (audio only).
|
| 1489 |
-
images (list[str]) custom background image URLs (replaces default)
|
| 1490 |
-
audio_music (str) music id from MUSIC_LIST ('' -> none)
|
| 1491 |
-
audio_url (str) custom audio URL (uploaded /api/ai-short/upload/...)
|
| 1492 |
-
voice/emotion/speed — TTS controls
|
| 1493 |
-
"""
|
| 1494 |
-
try:
|
| 1495 |
-
body = await request.json()
|
| 1496 |
-
except Exception:
|
| 1497 |
-
body = {}
|
| 1498 |
-
post_id = _clean(str(body.get("post_id", "")))
|
| 1499 |
-
create_new = bool(body.get("create_new"))
|
| 1500 |
-
posts = _load_wall_posts()
|
| 1501 |
-
if not isinstance(posts, list):
|
| 1502 |
-
posts = []
|
| 1503 |
-
post = None
|
| 1504 |
-
if create_new:
|
| 1505 |
-
# "Thêm Short HOT" from the homepage: no source wall post. Create a
|
| 1506 |
-
# brand-new post now; the generated video is attached to it and it is
|
| 1507 |
-
# posted to the AI wall. Retention: if generation fails, the draft is
|
| 1508 |
-
# removed again so no empty post stays on the wall.
|
| 1509 |
-
import uuid as _uuid
|
| 1510 |
-
new_id = str(_uuid.uuid4())[:12]
|
| 1511 |
-
hot_title = _clean(str(body.get("title", "")))[:200]
|
| 1512 |
-
hot_text = _clean(str(body.get("text", "")))[:2000]
|
| 1513 |
-
hot_imgs = [str(x) for x in (body.get("images") or []) if str(x).strip()][:10]
|
| 1514 |
-
post = {
|
| 1515 |
-
"id": new_id,
|
| 1516 |
-
"title": hot_title or "Short HOT",
|
| 1517 |
-
"text": hot_text,
|
| 1518 |
-
"source": "hot_short",
|
| 1519 |
-
"kind": "hot_short",
|
| 1520 |
-
"video": None,
|
| 1521 |
-
"img": hot_imgs[0] if hot_imgs else None,
|
| 1522 |
-
"images": hot_imgs,
|
| 1523 |
-
"url": _clean(str(body.get("url", ""))),
|
| 1524 |
-
"voice": _clean(str(body.get("voice", ""))),
|
| 1525 |
-
"emotion": _clean(str(body.get("emotion", ""))),
|
| 1526 |
-
"language": _clean(str(body.get("language", "vi"))),
|
| 1527 |
-
"created": int(time.time()),
|
| 1528 |
-
"created_str": time.strftime('%H:%M %d/%m/%Y', time.localtime()),
|
| 1529 |
-
}
|
| 1530 |
-
posts.insert(0, post)
|
| 1531 |
-
post_id = new_id
|
| 1532 |
-
else:
|
| 1533 |
-
if not post_id:
|
| 1534 |
-
return JSONResponse({"error": "Thiếu post_id"}, status_code=400)
|
| 1535 |
-
post = next((p for p in posts if str(p.get("id")) == str(post_id)), None)
|
| 1536 |
-
if not post:
|
| 1537 |
-
return JSONResponse({"error": "Không tìm thấy bài viết"}, status_code=404)
|
| 1538 |
-
|
| 1539 |
-
use_slides = bool(body.get("use_slides"))
|
| 1540 |
-
reuse_audio = body.get("reuse_audio")
|
| 1541 |
-
if reuse_audio is None:
|
| 1542 |
-
# default: when recreating from slides, reuse the previous short's audio
|
| 1543 |
-
reuse_audio = use_slides
|
| 1544 |
-
custom_images = [str(x) for x in (body.get("images") or []) if str(x).strip()]
|
| 1545 |
-
fixed_image = _clean(str(body.get("fixed_image", ""))) # 1 ảnh cố định cho nhiều slide
|
| 1546 |
-
raw_indices = body.get("slide_indices") or []
|
| 1547 |
-
slide_indices = []
|
| 1548 |
-
for v in raw_indices:
|
| 1549 |
-
try:
|
| 1550 |
-
slide_indices.append(int(v))
|
| 1551 |
-
except Exception:
|
| 1552 |
-
pass
|
| 1553 |
-
video_url = _clean(str(body.get("video_url", "")))
|
| 1554 |
-
video_muted = bool(body.get("video_muted"))
|
| 1555 |
-
# oEmbed fallback for Short HOT: passed by the frontend when the scraped
|
| 1556 |
-
# link has metadata but the direct media download failed (e.g. TikTok/
|
| 1557 |
-
# Facebook/Instagram which block datacenter IPs). The short is then saved
|
| 1558 |
-
# as an embeddable slide (like the football video slides) with the
|
| 1559 |
-
# metadata auto-filled from oEmbed.
|
| 1560 |
-
embed_url = _clean(str(body.get("embed_url", "")))
|
| 1561 |
-
embed_title = _clean(str(body.get("embed_title", "")))[:250]
|
| 1562 |
-
embed_thumb = _clean(str(body.get("embed_thumb", "")))
|
| 1563 |
-
embed_desc = _clean(str(body.get("embed_desc", "")))[:5000]
|
| 1564 |
-
try:
|
| 1565 |
-
video_dur = float(body.get("video_dur")) if body.get("video_dur") is not None else None
|
| 1566 |
-
except Exception:
|
| 1567 |
-
video_dur = None
|
| 1568 |
-
scrape_mode = bool(body.get("scrape_mode"))
|
| 1569 |
-
audio_music = _clean(str(body.get("audio_music", "")))
|
| 1570 |
-
audio_url = _clean(str(body.get("audio_url", "")))
|
| 1571 |
-
voice = _clean(str(body.get("voice", "vi-VN-HoaiMyNeural")))
|
| 1572 |
-
emotion = _clean(str(body.get("emotion", "neutral")))
|
| 1573 |
-
try:
|
| 1574 |
-
speed = max(0.85, min(1.35, float(body.get("speed", 1.0) or 1.0)))
|
| 1575 |
-
except Exception:
|
| 1576 |
-
speed = 1.0
|
| 1577 |
-
|
| 1578 |
-
os.makedirs(SHORTS_DIR, exist_ok=True)
|
| 1579 |
-
|
| 1580 |
-
# ---------- scene images ----------
|
| 1581 |
-
scene_images = []
|
| 1582 |
-
slide_texts = []
|
| 1583 |
-
if use_slides:
|
| 1584 |
-
slides = post.get("slides") or []
|
| 1585 |
-
if not slides:
|
| 1586 |
-
return JSONResponse({"error": "Bài chưa có ảnh slide thiết kế. Hãy chọn '🎨 Thiết kế ảnh' trước."}, status_code=400)
|
| 1587 |
-
# optional per-slide selection from the recreate modal
|
| 1588 |
-
if slide_indices:
|
| 1589 |
-
slides = [s for i, s in enumerate(slides) if i in slide_indices]
|
| 1590 |
-
if not slides:
|
| 1591 |
-
return JSONResponse({"error": "Slide đã chọn không hợp lệ."}, status_code=400)
|
| 1592 |
-
for s in slides:
|
| 1593 |
-
im = (s.get("image") or "").strip()
|
| 1594 |
-
if im:
|
| 1595 |
-
scene_images.append(im)
|
| 1596 |
-
slide_texts.append(_clean(s.get("text", "")))
|
| 1597 |
-
# fixed_image: 1 ảnh do người dùng chọn (trong danh sách rewrite hoặc upload)
|
| 1598 |
-
# thay thế toàn bộ ảnh slide -> dùng ảnh này cho N slide (sau dedupe = 1 scene)
|
| 1599 |
-
if fixed_image:
|
| 1600 |
-
scene_images = [fixed_image]
|
| 1601 |
-
slide_texts = [slide_texts[0] if slide_texts else ""]
|
| 1602 |
-
# dedupe identical designed images globally: if the same image appears
|
| 1603 |
-
# in multiple slides (e.g. only 1 slide was designed, others share the
|
| 1604 |
-
# fallback cover), collapse to one scene so the slide isn't repeated
|
| 1605 |
-
deduped = []
|
| 1606 |
-
seen_imgs = set()
|
| 1607 |
-
for im in scene_images:
|
| 1608 |
-
if im not in seen_imgs:
|
| 1609 |
-
seen_imgs.add(im)
|
| 1610 |
-
deduped.append(im)
|
| 1611 |
-
scene_images = deduped
|
| 1612 |
-
if not scene_images:
|
| 1613 |
-
return JSONResponse({"error": "Các slide chưa có ảnh đã thiết kế."}, status_code=400)
|
| 1614 |
-
# align slide_texts to the deduped scenes (keep first text per image group)
|
| 1615 |
-
if slide_texts and len(slide_texts) > len(scene_images):
|
| 1616 |
-
grouped = []
|
| 1617 |
-
seen = set()
|
| 1618 |
-
for idx, s in enumerate(slides):
|
| 1619 |
-
im = (s.get("image") or "").strip()
|
| 1620 |
-
if not im or im in seen:
|
| 1621 |
-
continue
|
| 1622 |
-
seen.add(im)
|
| 1623 |
-
grouped.append(slide_texts[idx] if idx < len(slide_texts) else "")
|
| 1624 |
-
if grouped:
|
| 1625 |
-
slide_texts = grouped
|
| 1626 |
-
else:
|
| 1627 |
-
slide_texts = slide_texts[:len(scene_images)]
|
| 1628 |
-
else:
|
| 1629 |
-
# fixed_image (chosen from rewrite list) replaces the bg for the short
|
| 1630 |
-
if fixed_image:
|
| 1631 |
-
scene_images = [fixed_image]
|
| 1632 |
-
else:
|
| 1633 |
-
for im in custom_images:
|
| 1634 |
-
scene_images.append(im)
|
| 1635 |
-
if not scene_images:
|
| 1636 |
-
scene_images = [(x or "").strip() for x in (post.get("images") or []) if (x or "").strip()]
|
| 1637 |
-
if not scene_images:
|
| 1638 |
-
slides = post.get("slides") or []
|
| 1639 |
-
for s in slides:
|
| 1640 |
-
im = (s.get("image") or "").strip()
|
| 1641 |
-
if im:
|
| 1642 |
-
scene_images.append(im)
|
| 1643 |
-
if not scene_images and post.get("img"):
|
| 1644 |
-
scene_images = [post.get("img")]
|
| 1645 |
-
# video-only (scraped/uploaded) short: video is the background, so
|
| 1646 |
-
# images are OPTIONAL. Let the video-first assembler handle it.
|
| 1647 |
-
if not scene_images and not video_url:
|
| 1648 |
-
# Short HOT oEmbed fallback: no direct media AND no background
|
| 1649 |
-
# image -> still create the embeddable slide with the oEmbed
|
| 1650 |
-
# thumbnail as the visual (if any), so the wall/feed can show it.
|
| 1651 |
-
if embed_url:
|
| 1652 |
-
pass
|
| 1653 |
-
else:
|
| 1654 |
-
# AUTO oEmbed FALLBACK: the frontend couldn't get a video
|
| 1655 |
-
# (or even embed metadata) from the link — derive the
|
| 1656 |
-
# embed iframe URL from the source link itself (cheap, no
|
| 1657 |
-
# network) and enrich with oEmbed metadata if available.
|
| 1658 |
-
src_url = _clean(str(body.get("url", "")) or post.get("url") or "")
|
| 1659 |
-
if src_url and (_is_known_social(src_url) or body.get("allow_oembed_fallback")):
|
| 1660 |
-
embed_url = _oembed_embed_url(src_url)
|
| 1661 |
-
_probe3 = _oembed_probe(src_url)
|
| 1662 |
-
if _probe3:
|
| 1663 |
-
embed_url = _probe3.get("embed_url") or embed_url
|
| 1664 |
-
embed_title = _probe3.get("title") or embed_title
|
| 1665 |
-
embed_thumb = _probe3.get("thumbnail") or embed_thumb
|
| 1666 |
-
embed_desc = _probe3.get("description") or embed_desc
|
| 1667 |
-
if not embed_url:
|
| 1668 |
-
return JSONResponse({"error": "Bài viết không có ảnh nền"}, status_code=400)
|
| 1669 |
-
segs0 = _segments_from_post(post)
|
| 1670 |
-
if len(scene_images) > len(segs0):
|
| 1671 |
-
scene_images = scene_images[:max(1, len(segs0))]
|
| 1672 |
-
|
| 1673 |
-
# ---------- Short HOT oEmbed shortcut ----------
|
| 1674 |
-
# When the source link is oEmbed-only (TikTok/FB/IG block datacenter IPs,
|
| 1675 |
-
# or the scrape returned no direct media URL), save the post as an
|
| 1676 |
-
# embeddable slide right away with the auto-fetched title/desc/thumb.
|
| 1677 |
-
if not video_url and embed_url:
|
| 1678 |
-
# Don't trust the client for metadata: when the post has a source URL
|
| 1679 |
-
# and we still lack a thumbnail/title at save time (e.g. an older page
|
| 1680 |
-
# cached in the browser didn't send embed_thumb), probe oEmbed NOW so
|
| 1681 |
-
# the wall post always gets its thumbnail + title.
|
| 1682 |
-
_src_url = _clean(str(body.get("url", "")) or post.get("url") or "")
|
| 1683 |
-
if (not embed_thumb or not embed_title) and _src_url:
|
| 1684 |
-
_probe_save = _oembed_probe(_src_url)
|
| 1685 |
-
if _probe_save:
|
| 1686 |
-
embed_title = embed_title or _probe_save.get("title") or ""
|
| 1687 |
-
embed_thumb = embed_thumb or _probe_save.get("thumbnail") or ""
|
| 1688 |
-
embed_desc = embed_desc or _probe_save.get("description") or ""
|
| 1689 |
-
post["video"] = embed_url
|
| 1690 |
-
post["embed_oembed"] = True
|
| 1691 |
-
post["title"] = embed_title or post.get("title") or "Short HOT"
|
| 1692 |
-
post["text"] = embed_desc or post.get("text") or embed_title or ""
|
| 1693 |
-
post["description"] = embed_desc or ""
|
| 1694 |
-
if embed_thumb:
|
| 1695 |
-
post["img"] = embed_thumb
|
| 1696 |
-
post["images"] = [embed_thumb] + [x for x in (post.get("images") or []) if x != embed_thumb]
|
| 1697 |
-
post["short_thumb"] = embed_thumb
|
| 1698 |
-
else:
|
| 1699 |
-
post["short_thumb"] = post.get("img")
|
| 1700 |
-
post["extractor"] = "oembed"
|
| 1701 |
-
_save_wall_posts(posts)
|
| 1702 |
-
return JSONResponse({"video": embed_url, "oembed": True, "post": post})
|
| 1703 |
-
|
| 1704 |
-
# ---------- naming / cache ----------
|
| 1705 |
-
scene_key = "slides" if use_slides else "norm"
|
| 1706 |
-
sel_key = ("s" + "".join(str(i) for i in slide_indices)) if slide_indices else ""
|
| 1707 |
-
vid_key = hashlib.md5(video_url.encode("utf-8")).hexdigest()[:8] if video_url else ""
|
| 1708 |
-
img_key = hashlib.md5("|".join(scene_images).encode("utf-8")).hexdigest()[:8]
|
| 1709 |
-
mus_key = audio_music or "nomus"
|
| 1710 |
-
aud_key = hashlib.md5(audio_url.encode("utf-8")).hexdigest()[:8] if audio_url else "none"
|
| 1711 |
-
suffix = f"v2_{scene_key}_{'v'+vid_key if vid_key else ''}{sel_key}{img_key}_{mus_key}_{aud_key}_{voice}_{emotion}_{str(speed).replace('.', 'p')}"
|
| 1712 |
-
out_mp4 = os.path.join(SHORTS_DIR, _safe_name(post_id + suffix) + ".mp4")
|
| 1713 |
-
out_url = "/api/ai/short-file/" + post_id + suffix
|
| 1714 |
-
|
| 1715 |
-
if os.path.exists(out_mp4):
|
| 1716 |
-
post["video"] = out_url
|
| 1717 |
-
post["short_voice"] = voice
|
| 1718 |
-
post["short_emotion"] = emotion
|
| 1719 |
-
post["short_speed"] = speed
|
| 1720 |
-
post["short_music"] = audio_music
|
| 1721 |
-
post["short_audio_url"] = audio_url
|
| 1722 |
-
post["short_use_slides"] = use_slides
|
| 1723 |
-
post["short_images"] = scene_images
|
| 1724 |
-
_save_wall_posts(posts)
|
| 1725 |
-
return JSONResponse({"video": out_url, "voice": voice, "emotion": emotion,
|
| 1726 |
-
"speed": speed, "music": audio_music, "use_slides": use_slides,
|
| 1727 |
-
"post": post})
|
| 1728 |
-
|
| 1729 |
-
work = os.path.join(SHORTS_DIR, _safe_name(post_id + suffix))
|
| 1730 |
-
os.makedirs(work, exist_ok=True)
|
| 1731 |
-
|
| 1732 |
-
# ---------- download scene images ----------
|
| 1733 |
-
local_imgs = []
|
| 1734 |
-
for i, im_url in enumerate(scene_images):
|
| 1735 |
-
dst = os.path.join(work, f"scene_{i:02d}.jpg")
|
| 1736 |
-
data = _fetch_bytes(im_url)
|
| 1737 |
-
if data:
|
| 1738 |
-
with open(dst, "wb") as f:
|
| 1739 |
-
f.write(data)
|
| 1740 |
-
local_imgs.append(dst)
|
| 1741 |
-
if not local_imgs:
|
| 1742 |
-
img = Image.new("RGB", (1080, 1920), (24, 24, 24))
|
| 1743 |
-
img.save(os.path.join(work, "scene_00.jpg"), quality=90)
|
| 1744 |
-
local_imgs = [os.path.join(work, "scene_00.jpg")]
|
| 1745 |
-
|
| 1746 |
-
# ---------- uploaded/scraped video background ----------
|
| 1747 |
-
video_audio_path = None
|
| 1748 |
-
using_video_first = False # video plays as-is (video-first assembly), images fill tail
|
| 1749 |
-
if video_url:
|
| 1750 |
-
vid_local = os.path.join(work, "bg_video.mp4")
|
| 1751 |
-
dl_ok = _download_to_file(video_url, vid_local)
|
| 1752 |
-
if not dl_ok:
|
| 1753 |
-
# ---- Short HOT oEmbed fallback: can't download the media -> save
|
| 1754 |
-
# the post as an embeddable slide with auto title/desc/thumb from
|
| 1755 |
-
# the scrape metadata. The feed renders it as an iframe slide,
|
| 1756 |
-
# exactly like the football video slides on YouTube.
|
| 1757 |
-
fb_embed = embed_url or _oembed_embed_url(_clean(str(body.get("url", "")) or post.get("url") or ""))
|
| 1758 |
-
fb_title = embed_title or post.get("title") or ""
|
| 1759 |
-
fb_thumb = embed_thumb or post.get("img") or ""
|
| 1760 |
-
fb_desc = embed_desc or ""
|
| 1761 |
-
if not fb_title or not fb_thumb or not fb_desc:
|
| 1762 |
-
_probe2 = _oembed_probe(_clean(str(body.get("url", "")) or post.get("url") or ""))
|
| 1763 |
-
if _probe2:
|
| 1764 |
-
fb_embed = fb_embed or _probe2.get("embed_url") or ""
|
| 1765 |
-
fb_title = fb_title or _probe2.get("title") or ""
|
| 1766 |
-
fb_thumb = fb_thumb or _probe2.get("thumbnail") or ""
|
| 1767 |
-
fb_desc = fb_desc or (_probe2.get("description") or "")
|
| 1768 |
-
if fb_embed:
|
| 1769 |
-
post["video"] = fb_embed
|
| 1770 |
-
post["embed_oembed"] = True
|
| 1771 |
-
post["title"] = fb_title or post.get("title") or "Short HOT"
|
| 1772 |
-
post["text"] = fb_desc or post.get("text") or fb_title or ""
|
| 1773 |
-
post["description"] = fb_desc or ""
|
| 1774 |
-
if fb_thumb:
|
| 1775 |
-
post["img"] = fb_thumb
|
| 1776 |
-
post["images"] = [fb_thumb] + [x for x in (post.get("images") or []) if x != fb_thumb]
|
| 1777 |
-
post["short_thumb"] = fb_thumb
|
| 1778 |
-
else:
|
| 1779 |
-
post["short_thumb"] = post.get("img")
|
| 1780 |
-
post["short_video_url"] = video_url
|
| 1781 |
-
post["extractor"] = "oembed"
|
| 1782 |
-
_save_wall_posts(posts)
|
| 1783 |
-
return JSONResponse({"video": fb_embed, "oembed": True, "post": post})
|
| 1784 |
-
return JSONResponse({"error": "Không tải được video từ link. Link đã hết hạn hoặc nguồn chặn."}, status_code=422)
|
| 1785 |
-
try:
|
| 1786 |
-
vdur = _probe_duration(vid_local, fallback=6.0)
|
| 1787 |
-
except Exception:
|
| 1788 |
-
vdur = 6.0
|
| 1789 |
-
if video_dur and video_dur > 0:
|
| 1790 |
-
vdur = float(video_dur)
|
| 1791 |
-
# extract video's own audio (used as narration track)
|
| 1792 |
-
vaudio = os.path.join(work, "vaudio.m4a")
|
| 1793 |
-
subprocess.run(["ffmpeg", "-y", "-v", "error", "-i", vid_local, "-vn",
|
| 1794 |
-
"-c:a", "aac", "-b:a", "128k", vaudio],
|
| 1795 |
-
stdout=subprocess.PIPE, stderr=subprocess.PIPE, timeout=180)
|
| 1796 |
-
if os.path.exists(vaudio) and os.path.getsize(vaudio) > 900:
|
| 1797 |
-
video_audio_path = vaudio
|
| 1798 |
-
|
| 1799 |
-
# --- NEW: video-first mode (scraped video or muted uploaded video)
|
| 1800 |
-
# Video plays first; designed/selected images fill the rest if the
|
| 1801 |
-
# video is shorter than the voice. No per-frame mosaic.
|
| 1802 |
-
using_video_first = scrape_mode or video_muted
|
| 1803 |
-
if not using_video_first:
|
| 1804 |
-
# legacy uploaded-video mode: extract up to N frames as the
|
| 1805 |
-
# moving-background scenes
|
| 1806 |
-
n_frames = max(1, min(5, len(local_imgs) if len(local_imgs) >= 1 else 5))
|
| 1807 |
-
frame_imgs = []
|
| 1808 |
-
for i in range(n_frames):
|
| 1809 |
-
t = vdur * (i + 0.5) / n_frames
|
| 1810 |
-
fimg = os.path.join(work, f"vc_{i:02d}.jpg")
|
| 1811 |
-
subprocess.run(["ffmpeg", "-y", "-v", "error", "-ss", str(t), "-i", vid_local,
|
| 1812 |
-
"-frames:v", "1", "-q:v", "3", fimg],
|
| 1813 |
-
stdout=subprocess.PIPE, stderr=subprocess.PIPE, timeout=60)
|
| 1814 |
-
if os.path.exists(fimg) and os.path.getsize(fimg) > 1200:
|
| 1815 |
-
frame_imgs.append(fimg)
|
| 1816 |
-
if frame_imgs:
|
| 1817 |
-
local_imgs = frame_imgs
|
| 1818 |
-
|
| 1819 |
-
# ---------- narration plan ----------
|
| 1820 |
-
reuse_audio_path = None
|
| 1821 |
-
if reuse_audio:
|
| 1822 |
-
prev = _find_previous_short(post_id)
|
| 1823 |
-
if prev:
|
| 1824 |
-
try:
|
| 1825 |
-
prev_audio = os.path.join(work, "prev_audio.m4a")
|
| 1826 |
-
subprocess.run(["ffmpeg", "-y", "-i", prev, "-vn", "-acodec", "aac", "-b:a", "128k", prev_audio],
|
| 1827 |
-
check=True, stdout=subprocess.PIPE, stderr=subprocess.PIPE, timeout=180)
|
| 1828 |
-
if os.path.exists(prev_audio) and os.path.getsize(prev_audio) > 900:
|
| 1829 |
-
reuse_audio_path = prev_audio
|
| 1830 |
-
except Exception:
|
| 1831 |
-
reuse_audio_path = None
|
| 1832 |
-
if video_audio_path and not reuse_audio_path and not video_muted and not using_video_first:
|
| 1833 |
-
# uploaded/scraped video has its own audio -> use it instead of TTS
|
| 1834 |
-
# (only in legacy mosaic mode; video-first mode keeps video audio as a
|
| 1835 |
-
# background layer mixed with the TTS narration)
|
| 1836 |
-
reuse_audio_path = video_audio_path
|
| 1837 |
-
segs = slide_texts if (use_slides and slide_texts) else _segments_from_post(post)
|
| 1838 |
-
while len(segs) < len(local_imgs):
|
| 1839 |
-
segs.append(segs[-1] if segs else post.get("title", "Bản tin VNEWS"))
|
| 1840 |
-
|
| 1841 |
-
# ---------- NEW: video-first short assembly ----------
|
| 1842 |
-
if using_video_first:
|
| 1843 |
-
# images for the tail: designed slides first, then post images
|
| 1844 |
-
tail_imgs = list(local_imgs) if (local_imgs and not (use_slides and fixed_image)) else local_imgs
|
| 1845 |
-
# if user chose a fixed image -> only that image for the tail
|
| 1846 |
-
if fixed_image:
|
| 1847 |
-
fimg = os.path.join(work, "fixed_tail.jpg")
|
| 1848 |
-
data = _fetch_bytes(fixed_image)
|
| 1849 |
-
if data:
|
| 1850 |
-
with open(fimg, "wb") as f:
|
| 1851 |
-
f.write(data)
|
| 1852 |
-
tail_imgs = [fimg] if os.path.getsize(fimg) > 1200 else (tail_imgs or [])
|
| 1853 |
-
# ensure at least the post image exists as tail
|
| 1854 |
-
if not tail_imgs:
|
| 1855 |
-
fallback_img = os.path.join(work, "scene_00.jpg")
|
| 1856 |
-
if os.path.exists(fallback_img):
|
| 1857 |
-
tail_imgs = [fallback_img]
|
| 1858 |
-
# TTS segments: for video-first, use per-slide texts if slides,
|
| 1859 |
-
# else the whole article as segments (each read out)
|
| 1860 |
-
tts_segs = slide_texts if (use_slides and slide_texts) else _segments_from_post(post)
|
| 1861 |
-
if not tts_segs:
|
| 1862 |
-
tts_segs = [post.get("title", "Bản tin VNEWS")]
|
| 1863 |
-
try:
|
| 1864 |
-
out_mp4, _total = _assemble_video_short(
|
| 1865 |
-
work, vid_local, vdur,
|
| 1866 |
-
tail_imgs, tts_segs,
|
| 1867 |
-
reuse_audio_path,
|
| 1868 |
-
(video_audio_path if not video_muted else None),
|
| 1869 |
-
voice, speed,
|
| 1870 |
-
None, out_mp4, post.get("title", ""),
|
| 1871 |
-
)
|
| 1872 |
-
# music overlay handled by the shared block below
|
| 1873 |
-
music_url = ""
|
| 1874 |
-
if audio_url:
|
| 1875 |
-
music_url = audio_url
|
| 1876 |
-
elif audio_music and audio_music in MUSIC_BY_ID:
|
| 1877 |
-
music_url = MUSIC_BY_ID[audio_music].get("url", "")
|
| 1878 |
-
if music_url:
|
| 1879 |
-
music_path = os.path.join(work, "music.mp3")
|
| 1880 |
-
data = _fetch_bytes(music_url)
|
| 1881 |
-
if data:
|
| 1882 |
-
with open(music_path, "wb") as f:
|
| 1883 |
-
f.write(data)
|
| 1884 |
-
if os.path.exists(music_path) and os.path.getsize(music_path) > 900:
|
| 1885 |
-
muxed = os.path.join(work, "muxed.mp4")
|
| 1886 |
-
vid_dur2 = _probe_duration(out_mp4, fallback=30.0)
|
| 1887 |
-
if _probe_has_audio(out_mp4):
|
| 1888 |
-
fc = (
|
| 1889 |
-
f"[1:a]volume=0.5,aloop=loop=-1:size=2e9,atrim=duration={vid_dur2}[m];"
|
| 1890 |
-
f"[0:a][m]amix=inputs=2:duration=first:dropout_transition=0:normalize=0[aout]"
|
| 1891 |
-
)
|
| 1892 |
-
cmd = ["ffmpeg", "-y", "-i", out_mp4, "-i", music_path,
|
| 1893 |
-
"-filter_complex", fc, "-map", "0:v", "-map", "[aout]",
|
| 1894 |
-
"-c:v", "copy", "-c:a", "aac", "-b:a", "160k", "-shortest", muxed]
|
| 1895 |
-
else:
|
| 1896 |
-
fc = f"[1:a]volume=0.55,aloop=loop=-1:size=2e9,atrim=duration={vid_dur2}[a]"
|
| 1897 |
-
cmd = ["ffmpeg", "-y", "-i", out_mp4, "-i", music_path,
|
| 1898 |
-
"-filter_complex", fc, "-map", "0:v", "-map", "[a]",
|
| 1899 |
-
"-c:v", "copy", "-c:a", "aac", "-b:a", "160k", "-shortest", muxed]
|
| 1900 |
-
subprocess.run(cmd, check=True, stdout=subprocess.PIPE, stderr=subprocess.PIPE, timeout=240)
|
| 1901 |
-
os.replace(muxed, out_mp4)
|
| 1902 |
-
post["video"] = out_url
|
| 1903 |
-
post["short_thumb"] = _first_frame(out_mp4, os.path.join(WALL_IMG_DIR, _safe_name(post_id + suffix + "_thumb") + ".jpg"))
|
| 1904 |
-
post["short_voice"] = voice
|
| 1905 |
-
post["short_emotion"] = emotion
|
| 1906 |
-
post["short_speed"] = speed
|
| 1907 |
-
post["short_music"] = audio_music
|
| 1908 |
-
post["short_audio_url"] = audio_url
|
| 1909 |
-
post["short_use_slides"] = use_slides
|
| 1910 |
-
post["short_images"] = scene_images
|
| 1911 |
-
post["short_video_url"] = video_url
|
| 1912 |
-
post["short_video_muted"] = video_muted
|
| 1913 |
-
_save_wall_posts(posts)
|
| 1914 |
-
return JSONResponse({"video": out_url, "voice": voice, "emotion": emotion,
|
| 1915 |
-
"speed": speed, "music": audio_music, "use_slides": use_slides,
|
| 1916 |
-
"post": post})
|
| 1917 |
-
except Exception as e:
|
| 1918 |
-
if create_new:
|
| 1919 |
-
_load_wall_posts() # ensure fresh list
|
| 1920 |
-
posts2 = [p for p in _load_wall_posts() if str(p.get("id")) != str(post_id)]
|
| 1921 |
-
_save_wall_posts(posts2)
|
| 1922 |
-
return JSONResponse({"error": "Không tạo được shorts: " + str(e)[:220]}, status_code=500)
|
| 1923 |
-
|
| 1924 |
-
# ---------- frame rendering ----------
|
| 1925 |
-
frames = []
|
| 1926 |
-
for idx in range(len(local_imgs)):
|
| 1927 |
-
frame = os.path.join(work, f"frame_{idx:02d}.jpg")
|
| 1928 |
-
with open(local_imgs[idx], "rb") as f:
|
| 1929 |
-
data = f.read()
|
| 1930 |
-
if use_slides:
|
| 1931 |
-
_frame_from_image(data, frame, seg_idx=idx, seg_total=len(local_imgs))
|
| 1932 |
-
else:
|
| 1933 |
-
_frame_with_text(data, frame, segs[idx], post.get("title", ""), seg_idx=idx, seg_total=len(local_imgs))
|
| 1934 |
-
frames.append(frame)
|
| 1935 |
-
|
| 1936 |
-
part_files = []
|
| 1937 |
-
try:
|
| 1938 |
-
if reuse_audio_path:
|
| 1939 |
-
# ---------- reuse previous short audio ----------
|
| 1940 |
-
total_dur = _probe_duration(reuse_audio_path, fallback=30.0)
|
| 1941 |
-
per = max(2.2, min(8.0, total_dur / max(1, len(frames))))
|
| 1942 |
-
for idx, frame in enumerate(frames):
|
| 1943 |
-
part = os.path.join(work, f"part_{idx:02d}.mp4")
|
| 1944 |
-
subprocess.run(
|
| 1945 |
-
["ffmpeg", "-y", "-loop", "1", "-t", str(per), "-i", frame,
|
| 1946 |
-
"-c:v", "libx264", "-tune", "stillimage", "-pix_fmt", "yuv420p", "-an", part],
|
| 1947 |
-
check=True, stdout=subprocess.PIPE, stderr=subprocess.PIPE, timeout=150)
|
| 1948 |
-
part_files.append(part)
|
| 1949 |
-
concat = os.path.join(work, "concat.txt")
|
| 1950 |
-
with open(concat, "w", encoding="utf-8") as f:
|
| 1951 |
-
for p in part_files:
|
| 1952 |
-
f.write("file '" + p.replace("'", "'\\''") + "'\n")
|
| 1953 |
-
subprocess.run(["ffmpeg", "-y", "-f", "concat", "-safe", "0", "-i", concat, "-c", "copy", out_mp4],
|
| 1954 |
-
check=True, stdout=subprocess.PIPE, stderr=subprocess.PIPE, timeout=240)
|
| 1955 |
-
# mux previous audio (trim to video length)
|
| 1956 |
-
vid_dur = _probe_duration(out_mp4, fallback=total_dur)
|
| 1957 |
-
with_audio = os.path.join(work, "with_audio.mp4")
|
| 1958 |
-
subprocess.run(
|
| 1959 |
-
["ffmpeg", "-y", "-i", out_mp4, "-i", reuse_audio_path,
|
| 1960 |
-
"-filter_complex", f"[1:a]atrim=duration={vid_dur}[a]",
|
| 1961 |
-
"-map", "0:v", "-map", "[a]", "-c:v", "copy", "-c:a", "aac",
|
| 1962 |
-
"-b:a", "128k", "-shortest", with_audio],
|
| 1963 |
-
check=True, stdout=subprocess.PIPE, stderr=subprocess.PIPE, timeout=240)
|
| 1964 |
-
os.replace(with_audio, out_mp4)
|
| 1965 |
-
else:
|
| 1966 |
-
# ---------- fresh TTS narration ----------
|
| 1967 |
-
edge_voice = {
|
| 1968 |
-
"vi-vn-hoaimyneural": "vi-VN-HoaiMyNeural", "vi-vn-namminhneural": "vi-VN-NamMinhNeural",
|
| 1969 |
-
"hoaimy": "vi-VN-HoaiMyNeural", "namminh": "vi-VN-NamMinhNeural", "nam": "vi-VN-NamMinhNeural",
|
| 1970 |
-
"male": "vi-VN-NamMinhNeural", "nu": "vi-VN-HoaiMyNeural", "female": "vi-VN-HoaiMyNeural",
|
| 1971 |
-
"mien-nam": "vi-VN-HoaiMyNeural",
|
| 1972 |
-
"en-us-andrewmultilingualneural": "en-US-AndrewMultilingualNeural",
|
| 1973 |
-
"en-au-williammultilingualneural": "en-AU-WilliamMultilingualNeural",
|
| 1974 |
-
"andrew": "en-US-AndrewMultilingualNeural", "en_andrew": "en-US-AndrewMultilingualNeural",
|
| 1975 |
-
"jenny": "en-US-AndrewMultilingualNeural", "en_jenny": "en-US-AndrewMultilingualNeural",
|
| 1976 |
-
"pt-br-thalitamultilingualneural": "pt-BR-ThalitaMultilingualNeural",
|
| 1977 |
-
"thalita": "pt-BR-ThalitaMultilingualNeural", "pt": "pt-BR-ThalitaMultilingualNeural",
|
| 1978 |
-
"fr-fr-viviennemultilingualneural": "fr-FR-VivienneMultilingualNeural",
|
| 1979 |
-
"fr-fr-remymultilingualneural": "fr-FR-RemyMultilingualNeural",
|
| 1980 |
-
"denise": "fr-FR-VivienneMultilingualNeural", "fr": "fr-FR-VivienneMultilingualNeural",
|
| 1981 |
-
"de-de-seraphinamultilingualneural": "de-DE-SeraphinaMultilingualNeural",
|
| 1982 |
-
"de-de-florianmultilingualneural": "de-DE-FlorianMultilingualNeural",
|
| 1983 |
-
"katja": "de-DE-SeraphinaMultilingualNeural", "de": "de-DE-SeraphinaMultilingualNeural",
|
| 1984 |
-
"ko-kr-hyusumultilingualneural": "ko-KR-HyunsuMultilingualNeural",
|
| 1985 |
-
"ko-kr-hyunsuneural": "ko-KR-HyunsuMultilingualNeural", "sunhee": "ko-KR-HyunsuMultilingualNeural",
|
| 1986 |
-
"ko": "ko-KR-HyunsuMultilingualNeural",
|
| 1987 |
-
"it-it-giuseppemultilingualneural": "it-IT-GiuseppeMultilingualNeural",
|
| 1988 |
-
"ela": "en-US-AndrewMultilingualNeural", "es": "en-US-AndrewMultilingualNeural",
|
| 1989 |
-
}.get(voice.lower(), voice)
|
| 1990 |
-
for idx, frame in enumerate(frames):
|
| 1991 |
-
aud = os.path.join(work, f"voice_{idx:02d}.mp3")
|
| 1992 |
-
aud_fast = os.path.join(work, f"voice_{idx:02d}_fast.mp3")
|
| 1993 |
-
part = os.path.join(work, f"part_{idx:02d}.mp4")
|
| 1994 |
-
spoken = segs[idx] if idx < len(segs) else post.get("title", "Bản tin VNEWS")
|
| 1995 |
-
try:
|
| 1996 |
-
subprocess.run(
|
| 1997 |
-
["python", "-m", "edge_tts", "--voice", edge_voice, "--text", spoken,
|
| 1998 |
-
"--write-media", aud],
|
| 1999 |
-
check=True, stdout=subprocess.PIPE, stderr=subprocess.PIPE, timeout=120)
|
| 2000 |
-
except Exception:
|
| 2001 |
-
aud = None
|
| 2002 |
-
try:
|
| 2003 |
-
from gtts import gTTS
|
| 2004 |
-
tld = "com.vn" if voice.lower() in ("nu", "female", "mien-nam", "hoaimy") else "com"
|
| 2005 |
-
try:
|
| 2006 |
-
gTTS(spoken, lang="vi", tld=tld, slow=False).save(aud)
|
| 2007 |
-
except TypeError:
|
| 2008 |
-
gTTS(spoken, lang="vi", slow=False).save(aud)
|
| 2009 |
-
except Exception:
|
| 2010 |
-
pass
|
| 2011 |
-
if aud and os.path.exists(aud) and os.path.getsize(aud) > 900:
|
| 2012 |
-
subprocess.run(["ffmpeg", "-y", "-i", aud, "-filter:a", f"atempo={speed}", "-vn", aud_fast],
|
| 2013 |
-
check=True, stdout=subprocess.PIPE, stderr=subprocess.PIPE, timeout=90)
|
| 2014 |
-
dur = _probe_duration(aud_fast, fallback=15.0) + 0.35
|
| 2015 |
-
subprocess.run(
|
| 2016 |
-
["ffmpeg", "-y", "-loop", "1", "-t", str(dur), "-i", frame, "-i", aud_fast,
|
| 2017 |
-
"-shortest", "-c:v", "libx264", "-tune", "stillimage", "-pix_fmt", "yuv420p",
|
| 2018 |
-
"-c:a", "aac", "-b:a", "128k", part],
|
| 2019 |
-
check=True, stdout=subprocess.PIPE, stderr=subprocess.PIPE, timeout=150)
|
| 2020 |
-
else:
|
| 2021 |
-
subprocess.run(
|
| 2022 |
-
["ffmpeg", "-y", "-loop", "1", "-t", "4", "-i", frame,
|
| 2023 |
-
"-c:v", "libx264", "-tune", "stillimage", "-pix_fmt", "yuv420p", "-an", part],
|
| 2024 |
-
check=True, stdout=subprocess.PIPE, stderr=subprocess.PIPE, timeout=120)
|
| 2025 |
-
part_files.append(part)
|
| 2026 |
-
concat = os.path.join(work, "concat.txt")
|
| 2027 |
-
with open(concat, "w", encoding="utf-8") as f:
|
| 2028 |
-
for p in part_files:
|
| 2029 |
-
f.write("file '" + p.replace("'", "'\\''") + "'\n")
|
| 2030 |
-
subprocess.run(["ffmpeg", "-y", "-f", "concat", "-safe", "0", "-i", concat, "-c", "copy", out_mp4],
|
| 2031 |
-
check=True, stdout=subprocess.PIPE, stderr=subprocess.PIPE, timeout=240)
|
| 2032 |
-
|
| 2033 |
-
# ---------- background music overlay ----------
|
| 2034 |
-
music_url = ""
|
| 2035 |
-
if audio_url:
|
| 2036 |
-
music_url = audio_url
|
| 2037 |
-
elif audio_music and audio_music in MUSIC_BY_ID:
|
| 2038 |
-
music_url = MUSIC_BY_ID[audio_music].get("url", "")
|
| 2039 |
-
if music_url:
|
| 2040 |
-
music_path = os.path.join(work, "music.mp3")
|
| 2041 |
-
data = _fetch_bytes(music_url)
|
| 2042 |
-
if data:
|
| 2043 |
-
with open(music_path, "wb") as f:
|
| 2044 |
-
f.write(data)
|
| 2045 |
-
if os.path.exists(music_path) and os.path.getsize(music_path) > 900:
|
| 2046 |
-
muxed = os.path.join(work, "muxed.mp4")
|
| 2047 |
-
vid_dur = _probe_duration(out_mp4, fallback=30.0)
|
| 2048 |
-
if _probe_has_audio(out_mp4):
|
| 2049 |
-
# narration at full volume + music at 0.5, no amix downscale (normalize=0)
|
| 2050 |
-
fc = (
|
| 2051 |
-
f"[1:a]volume=0.5,aloop=loop=-1:size=2e9,atrim=duration={vid_dur}[m];"
|
| 2052 |
-
f"[0:a][m]amix=inputs=2:duration=first:dropout_transition=0:normalize=0[aout]"
|
| 2053 |
-
)
|
| 2054 |
-
cmd = ["ffmpeg", "-y", "-i", out_mp4, "-i", music_path,
|
| 2055 |
-
"-filter_complex", fc, "-map", "0:v", "-map", "[aout]",
|
| 2056 |
-
"-c:v", "copy", "-c:a", "aac", "-b:a", "160k", "-shortest", muxed]
|
| 2057 |
-
else:
|
| 2058 |
-
fc = f"[1:a]volume=0.55,aloop=loop=-1:size=2e9,atrim=duration={vid_dur}[a]"
|
| 2059 |
-
cmd = ["ffmpeg", "-y", "-i", out_mp4, "-i", music_path,
|
| 2060 |
-
"-filter_complex", fc, "-map", "0:v", "-map", "[a]",
|
| 2061 |
-
"-c:v", "copy", "-c:a", "aac", "-b:a", "160k", "-shortest", muxed]
|
| 2062 |
-
subprocess.run(cmd, check=True, stdout=subprocess.PIPE, stderr=subprocess.PIPE, timeout=240)
|
| 2063 |
-
os.replace(muxed, out_mp4)
|
| 2064 |
-
|
| 2065 |
-
except Exception as e:
|
| 2066 |
-
if create_new:
|
| 2067 |
-
posts2 = [p for p in _load_wall_posts() if str(p.get("id")) != str(post_id)]
|
| 2068 |
-
_save_wall_posts(posts2)
|
| 2069 |
-
return JSONResponse({"error": "Không tạo được shorts: " + str(e)[:220]}, status_code=500)
|
| 2070 |
-
|
| 2071 |
-
post["video"] = out_url
|
| 2072 |
-
post["short_thumb"] = _first_frame(out_mp4, os.path.join(WALL_IMG_DIR, _safe_name(post_id + suffix + "_thumb") + ".jpg"))
|
| 2073 |
-
post["short_voice"] = voice
|
| 2074 |
-
post["short_emotion"] = emotion
|
| 2075 |
-
post["short_speed"] = speed
|
| 2076 |
-
post["short_music"] = audio_music
|
| 2077 |
-
post["short_audio_url"] = audio_url
|
| 2078 |
-
post["short_use_slides"] = use_slides
|
| 2079 |
-
post["short_images"] = scene_images
|
| 2080 |
-
|
| 2081 |
-
return JSONResponse({"video": out_url, "voice": voice, "emotion": emotion,
|
| 2082 |
-
"speed": speed, "music": audio_music, "use_slides": use_slides,
|
| 2083 |
-
"post": post})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
app_v2.js
DELETED
|
The diff for this file is too large to render.
See raw diff
|
|
|
app_v2_entry.py
CHANGED
|
The diff for this file is too large to render.
See raw diff
|
|
|
app_v2_entry.py.gitigignore
CHANGED
|
@@ -1,3 +1,3 @@
|
|
| 1 |
.pyc
|
| 2 |
__pycache__/
|
| 3 |
-
*.pyc
|
|
|
|
| 1 |
.pyc
|
| 2 |
__pycache__/
|
| 3 |
+
*.pyc
|
bdp_full.html
DELETED
|
@@ -1,1250 +0,0 @@
|
|
| 1 |
-
<!DOCTYPE html>
|
| 2 |
-
<html lang="en">
|
| 3 |
-
<head>
|
| 4 |
-
<title>Hull City vs MU: Quỷ Đỏ vào hang bắt hổ - Bongdaplus.vn</title>
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
<meta name="MobileOptimized" content="100" />
|
| 8 |
-
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
| 9 |
-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
| 10 |
-
<meta http-equiv="content-language" content="vi" />
|
| 11 |
-
<meta http-equiv="refresh" content="300" />
|
| 12 |
-
<meta property="fb:pages" content="1738672379699789" />
|
| 13 |
-
<meta property="dable:item_id" content="2015111202028" />
|
| 14 |
-
<meta property="og:image" itemprop="thumbnailUrl" content="https://bongdaplus.vn/img/logo-daily.png" />
|
| 15 |
-
<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
|
| 16 |
-
<link href="/favicon.svg" rel="icon" sizes="any" type="image/svg+xml" />
|
| 17 |
-
<link href="/apple-touch-icon.png" rel="apple-touch-icon" />
|
| 18 |
-
<!--iPhone icons-->
|
| 19 |
-
<link href="/logo-57.png" rel="apple-touch-icon-precomposed" sizes="57x57" />
|
| 20 |
-
<link href="/logo-114.png" rel="apple-touch-icon-precomposed" sizes="114x114" />
|
| 21 |
-
<!--iPad icons-->
|
| 22 |
-
<link href="/logo-72.png" rel="apple-touch-icon-precomposed" sizes="72x72" />
|
| 23 |
-
<link href="/logo-114.png" rel="apple-touch-icon-precomposed" sizes="114x114" />
|
| 24 |
-
<!--Android icon-->
|
| 25 |
-
<link href="/logo-114.png" rel="apple-touch-icon-precomposed" sizes="1x1" />
|
| 26 |
-
<!--Symbian icon-->
|
| 27 |
-
<link href="/logo-57.png" rel="nokia-touch-icon" sizes="57x57" />
|
| 28 |
-
<link rel="preconnect" href="https://fonts.googleapis.com">
|
| 29 |
-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
| 30 |
-
<link href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
|
| 31 |
-
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
|
| 32 |
-
<link href="/css/premium.css?id=0000&v=ivL0rSTnUIBx45p3hw7UIAzbXjyQ9rgPVSyjqPglN_o" rel="stylesheet">
|
| 33 |
-
|
| 34 |
-
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-20374657-1"></script>
|
| 35 |
-
<script>
|
| 36 |
-
window.dataLayer = window.dataLayer || [];
|
| 37 |
-
function gtag() { dataLayer.push(arguments); }
|
| 38 |
-
gtag('js', new Date());
|
| 39 |
-
|
| 40 |
-
gtag('config', 'UA-20374657-1');
|
| 41 |
-
</script>
|
| 42 |
-
<!-- Google tag (gtag.js) -->
|
| 43 |
-
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Y1DBNQWMVW"></script>
|
| 44 |
-
<script>
|
| 45 |
-
window.dataLayer = window.dataLayer || [];
|
| 46 |
-
function gtag() { dataLayer.push(arguments); }
|
| 47 |
-
gtag('js', new Date());
|
| 48 |
-
|
| 49 |
-
gtag('config', 'G-Y1DBNQWMVW');
|
| 50 |
-
</script>
|
| 51 |
-
|
| 52 |
-
<script async src="https://static.amcdn.vn/tka/cdn.js" type="text/javascript"></script>
|
| 53 |
-
<script>var arfAsync = arfAsync || [];</script>
|
| 54 |
-
<script id="arf-core-js" onerror="window.arferrorload=true;" src="//media1.admicro.vn/cms/Arf.min.js" async></script>
|
| 55 |
-
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3619133031508264" crossorigin="anonymous"></script>
|
| 56 |
-
</head>
|
| 57 |
-
<body>
|
| 58 |
-
<script type="application/ld+json">
|
| 59 |
-
{
|
| 60 |
-
"@context": "https://schema.org",
|
| 61 |
-
"@type": "Organization",
|
| 62 |
-
"name": "TẠP CHÍ ĐIỆN TỬ BÓNG ĐÁ - BONGDAPLUS",
|
| 63 |
-
"url": "https://bongdaplus.vn",
|
| 64 |
-
"logo": "https://bongdaplus.vn/img/logo.png",
|
| 65 |
-
"contactPoint": {
|
| 66 |
-
"@type": "ContactPoint",
|
| 67 |
-
"telephone": "(84.24)35541188",
|
| 68 |
-
"contactType": "customer service",
|
| 69 |
-
"areaServed": "VN",
|
| 70 |
-
"availableLanguage": "Vietnamese"
|
| 71 |
-
},
|
| 72 |
-
"sameAs": [
|
| 73 |
-
"https://www.facebook.com/baobongda",
|
| 74 |
-
"https://www.youtube.com/channel/UCvDYMBE6GipX2VGacqOU2_Q",
|
| 75 |
-
"https://bongdaplus.vn",
|
| 76 |
-
"https://www.pinterest.com/bongdaplus",
|
| 77 |
-
"https://soundcloud.com/baobongda"
|
| 78 |
-
]
|
| 79 |
-
}
|
| 80 |
-
</script>
|
| 81 |
-
<header>
|
| 82 |
-
<center><div id="ADMTOP" class="banner admob" banner-adpos="top"></div></center>
|
| 83 |
-
|
| 84 |
-
<div class="cont-wrap">
|
| 85 |
-
<div class="mmnu-nav">
|
| 86 |
-
<button class="ico mnu-sch mmnu-trigger hide-w"></button>
|
| 87 |
-
<button class="ico menubar mmnu-trigger hide-m"></button>
|
| 88 |
-
<button class="ico close mmnu-closer hide"></button>
|
| 89 |
-
</div>
|
| 90 |
-
<a class="logo" href="/"></a>
|
| 91 |
-
<button class="ico bell hide-w hide"></button>
|
| 92 |
-
|
| 93 |
-
<div class="authen-nav dropper">
|
| 94 |
-
<a class="member">
|
| 95 |
-
<span class="avatar">
|
| 96 |
-
</span>
|
| 97 |
-
</a>
|
| 98 |
-
<div class="drop-down rgt">
|
| 99 |
-
<ul class="lst">
|
| 100 |
-
|
| 101 |
-
<li><a href="#" data-showpaner="#loginview">Đăng nhập</a></li>
|
| 102 |
-
<li><a href="https://member.bongdaplus.vn/Identity/Account/Register?returnUrl=%2F" target="_blank">Tạo tài khoản</a></li>
|
| 103 |
-
|
| 104 |
-
|
| 105 |
-
</ul>
|
| 106 |
-
</div>
|
| 107 |
-
</div>
|
| 108 |
-
</div>
|
| 109 |
-
</header>
|
| 110 |
-
<input type="hidden" id="catrefid" value="video" />
|
| 111 |
-
<input type="hidden" id="objectid" value="98267" />
|
| 112 |
-
<input type="hidden" id="objecttype" value="1" />
|
| 113 |
-
<input type="hidden" id="parentid" value="0" />
|
| 114 |
-
<input type="hidden" id="commentnum" value="0" />
|
| 115 |
-
<img src="/imgthumbnail/98267/1/1" alt="" height="0" width="0" />
|
| 116 |
-
|
| 117 |
-
<main>
|
| 118 |
-
<div class="nav-menu">
|
| 119 |
-
<div class="menu-bar">
|
| 120 |
-
<div class="cont-wrap">
|
| 121 |
-
<div class="menu-side">
|
| 122 |
-
<ul class="bar-w">
|
| 123 |
-
<li><a class="ico home" href="/"></a></li>
|
| 124 |
-
<li><a title="AFF Cup" href="/aff-cup">AFF Cup</a></li>
|
| 125 |
-
<li class="popover">
|
| 126 |
-
<a title="Việt Nam" href="/bong-da-viet-nam">Việt Nam</a>
|
| 127 |
-
<div class="drop-down">
|
| 128 |
-
<ul class="lst">
|
| 129 |
-
<li><a title="V-League" href="/v-league">V-League</a></li>
|
| 130 |
-
<li><a title="Hạng Nhất" href="/hang-nhat-quoc-gia">Hạng Nhất</a></li>
|
| 131 |
-
<li><a title="Cúp Quốc gia" href="/cup-quoc-gia">Cúp Quốc gia</a></li>
|
| 132 |
-
<li><a title="ĐTQG" href="/doi-tuyen-quoc-gia-viet-nam">ĐTQG</a></li>
|
| 133 |
-
<li><a title="Bóng đá Nữ" href="/bong-da-nu-viet-nam">Bóng đá Nữ</a></li>
|
| 134 |
-
<li><a title="U17 Quốc gia" href="/u17-viet-nam">U17 Quốc gia</a></li>
|
| 135 |
-
<li><a title="U19 Quốc Gia" href="/u19-viet-nam">U19 Quốc Gia</a></li>
|
| 136 |
-
<li><a title="U21 Quốc Gia" href="/u21-viet-nam">U21 Quốc Gia</a></li>
|
| 137 |
-
<li><a title="Các đội tuyển trẻ" href="/cac-doi-tuyen-tre-viet-nam">Các đội tuyển trẻ</a></li>
|
| 138 |
-
<li><a title="Futsal" href="/futsal">Futsal</a></li>
|
| 139 |
-
<li><a title="Phong trào" href="/bong-da-phong-trao">Phong trào</a></li>
|
| 140 |
-
<li><a title="Đơn vị Kết nghĩa" href="/ket-nghia-anh-em">Đơn vị Kết nghĩa</a></li>
|
| 141 |
-
</ul>
|
| 142 |
-
</div>
|
| 143 |
-
</li>
|
| 144 |
-
<li class="popover">
|
| 145 |
-
<a title="Chuyển nhượng" href="/tin-chuyen-nhuong">Chuyển nhượng</a>
|
| 146 |
-
<div class="drop-down">
|
| 147 |
-
<ul class="lst">
|
| 148 |
-
<li><a title="Tin chuyển nhượng Ngoại Hạng Anh" href="/tin-chuyen-nhuong-ngoai-hang-anh">Tin chuyển nhượng Ngoại Hạng Anh</a></li>
|
| 149 |
-
<li><a title="Tin chuyển nhượng V-league" href="/tin-chuyen-nhuong-v-league">Tin chuyển nhượng V-league</a></li>
|
| 150 |
-
</ul>
|
| 151 |
-
</div>
|
| 152 |
-
</li>
|
| 153 |
-
<li><a title="Champions League" href="/champions-league-cup-c1">Champions League</a></li>
|
| 154 |
-
<li class="popover">
|
| 155 |
-
<a title="Tây Ban Nha" href="/bong-da-tay-ban-nha">Tây Ban Nha</a>
|
| 156 |
-
<div class="drop-down">
|
| 157 |
-
<ul class="lst">
|
| 158 |
-
<li><a title="VĐQG Tây Ban Nha" href="/la-liga">VĐQG Tây Ban Nha</a></li>
|
| 159 |
-
<li><a title="Cúp Nhà Vua" href="/cup-nha-vua-tay-ban-nha">Cúp Nhà Vua</a></li>
|
| 160 |
-
<li><a title="Đội tuyển TBN" href="/doi-tuyen-tay-ban-nha">Đội tuyển TBN</a></li>
|
| 161 |
-
</ul>
|
| 162 |
-
</div>
|
| 163 |
-
</li>
|
| 164 |
-
<li class="popover">
|
| 165 |
-
<a title="Pháp" href="/bong-da-phap">Pháp</a>
|
| 166 |
-
<div class="drop-down">
|
| 167 |
-
<ul class="lst">
|
| 168 |
-
<li><a title="VĐQG Pháp" href="/ligue-1">VĐQG Pháp</a></li>
|
| 169 |
-
<li><a title="Cúp Quốc gia Pháp" href="/cup-quoc-gia-phap">Cúp Quốc gia Pháp</a></li>
|
| 170 |
-
<li><a title="Đội tuyển Pháp" href="/doi-tuyen-phap">Đội tuyển Pháp</a></li>
|
| 171 |
-
</ul>
|
| 172 |
-
</div>
|
| 173 |
-
</li>
|
| 174 |
-
<li class="popover">
|
| 175 |
-
<a title="Italia" href="/bong-da-y">Italia</a>
|
| 176 |
-
<div class="drop-down">
|
| 177 |
-
<ul class="lst">
|
| 178 |
-
<li><a title="VĐQG Italia" href="/serie-a">VĐQG Italia</a></li>
|
| 179 |
-
<li><a title="Coppa Italia" href="/coppa-italia">Coppa Italia</a></li>
|
| 180 |
-
<li><a title="Đội tuyển Italia" href="/doi-tuyen-y">Đội tuyển Italia</a></li>
|
| 181 |
-
</ul>
|
| 182 |
-
</div>
|
| 183 |
-
</li>
|
| 184 |
-
<li class="popover">
|
| 185 |
-
<a title="Thể thao" href="/the-thao">Thể thao</a>
|
| 186 |
-
<div class="drop-down">
|
| 187 |
-
<ul class="lst">
|
| 188 |
-
<li><a title="eSports" href="/esports">eSports</a></li>
|
| 189 |
-
<li><a title="Tennis" href="/tennis">Tennis</a></li>
|
| 190 |
-
<li><a title="Pickleball" href="/pickleball">Pickleball</a></li>
|
| 191 |
-
<li><a title="MMA" href="/mma">MMA</a></li>
|
| 192 |
-
<li><a title="Đua xe F1" href="/dua-xe-f1">Đua xe F1</a></li>
|
| 193 |
-
<li><a title="Bóng rổ" href="/bong-ro">Bóng rổ</a></li>
|
| 194 |
-
<li><a title="Olympic 2028" href="/olympic">Olympic 2028</a></li>
|
| 195 |
-
</ul>
|
| 196 |
-
</div>
|
| 197 |
-
</li>
|
| 198 |
-
<li><a title="Nhận định bóng đá" href="/nhan-dinh-bong-da-tags">Nhận định</a></li>
|
| 199 |
-
<li><a title="Multimedia" href="/video">Multimedia</a></li>
|
| 200 |
-
<li class="hide"><a title="Bongdaplus Premium" href="/premium">Premium <i class="ico crown"></i></a></li>
|
| 201 |
-
</ul>
|
| 202 |
-
</div>
|
| 203 |
-
<div class="menu-nav">
|
| 204 |
-
<a class="ico home hide-w" href="/"></a>
|
| 205 |
-
<ul class="nav">
|
| 206 |
-
<li class="hide-m"><i class="sepr"></i></li>
|
| 207 |
-
<li><a href="/tin-moi">Mới nhất</a></li>
|
| 208 |
-
<li class="hide-w"><a title="Bongdaplus Premium" href="/premium">Premium <i class="ico crown"></i></a></li>
|
| 209 |
-
<li><a title="Anh" href="/bong-da-anh">Bóng đá Anh</a></li>
|
| 210 |
-
<li class="hide-w"><a title="AFF Cup" href="/aff-cup">AFF Cup</a></li>
|
| 211 |
-
<li class="hide-w"><a title="Việt Nam" href="/bong-da-viet-nam">Việt Nam</a></li>
|
| 212 |
-
<li class="hide-w"><a title="Chuyển nhượng" href="/tin-chuyen-nhuong">Chuyển nhượng</a></li>
|
| 213 |
-
<li class="hide-w"><a title="Champions League" href="/champions-league-cup-c1">Champions League</a></li>
|
| 214 |
-
<li class="hide-w"><a title="Tây Ban Nha" href="/bong-da-tay-ban-nha">Tây Ban Nha</a></li>
|
| 215 |
-
<li class="hide-w"><a title="Pháp" href="/bong-da-phap">Pháp</a></li>
|
| 216 |
-
<li class="hide-w"><a title="Italia" href="/bong-da-y">Italia</a></li>
|
| 217 |
-
<li class="hide-w"><a title="Thể thao" href="/the-thao">Thể thao</a></li>
|
| 218 |
-
<li class="hide-w"><a title="Nhận định" href="/nhan-dinh-bong-da-tags">Nhận định</a></li>
|
| 219 |
-
<li class="hide-w"><a title="Thế giới" href="/the-gioi">Thế giới</a></li>
|
| 220 |
-
<li class="hide-w"><a title="Multimedia" href="/video">Multimedia</a></li>
|
| 221 |
-
<li class="hide-w"><a title="Bóng đá Cuộc sống" href="/bong-da-cuoc-song">Bóng đá Cuộc sống</a></li>
|
| 222 |
-
</ul>
|
| 223 |
-
<div class="srch-bar hide-m">
|
| 224 |
-
<button class="ico close"></button>
|
| 225 |
-
<form class="srch-form" action="/tim-kiem">
|
| 226 |
-
<input class="pattern toggler" name="q" type="text" placeholder="Nhập nội dung cần tìm" />
|
| 227 |
-
</form>
|
| 228 |
-
</div>
|
| 229 |
-
</div>
|
| 230 |
-
</div>
|
| 231 |
-
</div>
|
| 232 |
-
<div class="clr"></div>
|
| 233 |
-
</div>
|
| 234 |
-
<div class="mob-menu">
|
| 235 |
-
<div class="mmnu-cap">
|
| 236 |
-
<button class="ico close" data-action="hide"></button>
|
| 237 |
-
<a class="logo" href="/"></a>
|
| 238 |
-
</div>
|
| 239 |
-
<form class="mmnu-sch " action="/tim-kiem">
|
| 240 |
-
<input type="text" name="q">
|
| 241 |
-
<button class="ico search" type="submit"></button>
|
| 242 |
-
</form>
|
| 243 |
-
<div class="mmnu-lst">
|
| 244 |
-
<div class="menu-row">
|
| 245 |
-
<ul class="bar">
|
| 246 |
-
<li class="exp">
|
| 247 |
-
<a class="major" title="Tin mới nhất" href="/tin-moi"><span class="ico blinkr"></span> Mới nhất</a>
|
| 248 |
-
</li>
|
| 249 |
-
<li>
|
| 250 |
-
<ul class="lst">
|
| 251 |
-
<li><a class="fst" title="Nh���n định Bóng đá" href="/nhan-dinh-bong-da-tags">Nhận định</a></li>
|
| 252 |
-
</ul>
|
| 253 |
-
</li>
|
| 254 |
-
<li>
|
| 255 |
-
<ul class="lst">
|
| 256 |
-
<li><a class="fst" title="Lịch thi đấu bóng đá" href="/lich-thi-dau-bong-da">Lịch thi đấu</a></li>
|
| 257 |
-
</ul>
|
| 258 |
-
</li>
|
| 259 |
-
<li class="exp"></li>
|
| 260 |
-
<li class="exp"><a class="major" title="Bóng đá Plus Premium" href="/premium">Bóng đá Premium <i class="ico crown"></i></a></li>
|
| 261 |
-
<li>
|
| 262 |
-
<ul class="lst">
|
| 263 |
-
<li><a class="fst" title="Bóng đá Việt Nam" href="/bong-da-viet-nam">Bóng đá Việt Nam</a></li>
|
| 264 |
-
<li><a title="Đội tuyển Việt Nam" href="/doi-tuyen-quoc-gia-viet-nam">Đội tuyển Việt Nam</a></li>
|
| 265 |
-
<li><a title="V.League" href="/v-league">V.League</a></li>
|
| 266 |
-
<li><a title="Hạng Nhất" href="/hang-nhat-viet-nam">Hạng Nhất</a></li>
|
| 267 |
-
<li><a title="Cúp Quốc gia" href="/cup-quoc-gia-viet-nam">Cúp Quốc gia</a></li>
|
| 268 |
-
<li><a title="Bóng đá nữ" href="/bong-da-nu-viet-nam">Bóng đá nữ</a></li>
|
| 269 |
-
<li><a title="Futsal" href="/futsal">Futsal</a></li>
|
| 270 |
-
<li><a title="Phong trào" href="/bong-da-phong-trao">Bóng đá Phong trào</a></li>
|
| 271 |
-
<li><a title="Chuyển nhượng V.League" href="/tin-chuyen-nhuong-v-league">Chuyển nhượng</a></li>
|
| 272 |
-
</ul>
|
| 273 |
-
</li>
|
| 274 |
-
<li>
|
| 275 |
-
<ul class="lst">
|
| 276 |
-
<li><a class="fst" title="Bóng đá Anh" href="/bong-da-anh">Bóng đá Anh</a></li>
|
| 277 |
-
<li><a title="Đội tuyển Anh" href="/doi-tuyen-anh">Đội tuyển Anh</a></li>
|
| 278 |
-
<li><a title="Ngoại hạng Anh" href="/ngoai-hang-anh">Ngoại hạng Anh</a></li>
|
| 279 |
-
<li><a title="FA Cup" href="/fa-cup">FA Cup</a></li>
|
| 280 |
-
<li><a title="League Cup" href="/cup-lien-doan-anh">League Cup</a></li>
|
| 281 |
-
</ul>
|
| 282 |
-
<div class="clx"></div>
|
| 283 |
-
<ul class="lst">
|
| 284 |
-
<li><a class="fst" title="Tây Ban nha" href="/bong-da-tay-ban-nha">Tây Ban nha</a></li>
|
| 285 |
-
<li><a title="Đội tuyển TBN" href="/doi-tuyen-tay-ban-nha">Đội tuyển TBN</a></li>
|
| 286 |
-
<li><a title="La Liga" href="/la-liga">La Liga</a></li>
|
| 287 |
-
<li><a title="Cúp Nhà Vua" href="/cup-nha-vua-tay-ban-nha">Cúp Nhà Vua</a></li>
|
| 288 |
-
</ul>
|
| 289 |
-
</li>
|
| 290 |
-
<li class="exp"></li>
|
| 291 |
-
<li>
|
| 292 |
-
<ul class="lst">
|
| 293 |
-
<li><a class="fst" title="Bóng đá Pháp" href="/bong-da-phap">Bóng đá Pháp</a></li>
|
| 294 |
-
<li><a title="Đội tuyển Pháp" href="/doi-tuyen-phap">Đội tuyển Pháp</a></li>
|
| 295 |
-
<li><a title="Ligue 1" href="/ligue-1">Ligue 1</a></li>
|
| 296 |
-
<li><a title="Cúp QG Pháp" href="/cup-quoc-gia-phap">Cúp QG Pháp</a></li>
|
| 297 |
-
<li><a title="Cúp Liên đoàn Pháp" href="/cup-lien-doan-phap-tags">Cúp Liên đoàn Pháp</a></li>
|
| 298 |
-
</ul>
|
| 299 |
-
</li>
|
| 300 |
-
<li>
|
| 301 |
-
<ul class="lst">
|
| 302 |
-
<li><a class="fst" href="#">Bóng đá Khu vực</a></li>
|
| 303 |
-
<li><a title="Asian Cup" href="/asian-cup">Asian Cup</a></li>
|
| 304 |
-
<li><a title="Asian Games" href="/asian-games">Asian Games</a></li>
|
| 305 |
-
<li><a title="AFF Cup" href="/aff-cup">AFF Cup</a></li>
|
| 306 |
-
<li><a title="SEA Games" href="/sea-games">SEA Games</a></li>
|
| 307 |
-
</ul>
|
| 308 |
-
</li>
|
| 309 |
-
<li class="exp"></li>
|
| 310 |
-
<li>
|
| 311 |
-
<ul class="lst">
|
| 312 |
-
<li><a class="fst" title="Bóng đá Italia" href="/bong-da-y">Bóng đá Italia</a></li>
|
| 313 |
-
<li><a title="Đội tuyển Italia" href="/doi-tuyen-y">Đội tuyển Italia</a></li>
|
| 314 |
-
<li><a title="Serie A" href="/serie-a">Serie A</a></li>
|
| 315 |
-
<li><a title="Coppa Italia" href="/coppa-italia">Coppa Italia</a></li>
|
| 316 |
-
</ul>
|
| 317 |
-
</li>
|
| 318 |
-
<li>
|
| 319 |
-
<ul class="lst">
|
| 320 |
-
<li><a class="fst" title="Bóng đá Đức" href="/bong-da-duc">Bóng đá Đức</a></li>
|
| 321 |
-
<li><a title="Đội tuyển Đức" href="/doi-tuyen-duc">Đội tuyển Đức</a></li>
|
| 322 |
-
<li><a title="Bundesliga" href="/bundesliga">Bundesliga</a></li>
|
| 323 |
-
<li><a title="Cúp QG Đức" href="/cup-quoc-gia-duc">Cúp QG Đức</a></li>
|
| 324 |
-
</ul>
|
| 325 |
-
</li>
|
| 326 |
-
<li class="exp"></li>
|
| 327 |
-
<li>
|
| 328 |
-
<ul class="lst">
|
| 329 |
-
<li><a class="fst" href="#">Nội dung Đặc biệt</a></li>
|
| 330 |
-
<li><a title="Big Story" href="/emagazine">Big Story</a></li>
|
| 331 |
-
<li><a title="X-File" href="/x-file">X-File</a></li>
|
| 332 |
-
<li><a title="Infographic" href="/infographic">Infographic</a></li>
|
| 333 |
-
<li><a title="Interactive" href="/interactive">Interactive</a></li>
|
| 334 |
-
</ul>
|
| 335 |
-
</li>
|
| 336 |
-
<li>
|
| 337 |
-
<ul class="lst">
|
| 338 |
-
<li><a class="fst" href="#">Giải đấu CLB</a></li>
|
| 339 |
-
<li><a title="Champions Leage" href="/champions-league-cup-c1">Champions League</a></li>
|
| 340 |
-
<li><a title="Europa League" href="/europa-league">Europa League</a></li>
|
| 341 |
-
<li><a title="Club World Cup" href="/fifa-club-world-cup-tags">Club World Cup</a></li>
|
| 342 |
-
<li><a title="Europa Conference League" href="/europa-conference-league">Europa Conf League</a></li>
|
| 343 |
-
</ul>
|
| 344 |
-
</li>
|
| 345 |
-
<li class="exp"></li>
|
| 346 |
-
<li>
|
| 347 |
-
<ul class="lst">
|
| 348 |
-
<li><a class="fst" href="#">Chuyên đề</a></li>
|
| 349 |
-
<li><a title="Tin chuyển nhượng" href="/tin-chuyen-nhuong">Chuyển nhượng</a></li>
|
| 350 |
-
<li><a title="Hậu trường bóng đá" href="/hau-truong-bong-da">Hậu trường</a></li>
|
| 351 |
-
<li><a title="Điểm tin" href="/diem-tin">Điểm tin</a></li>
|
| 352 |
-
<li><a title="Showbiz Ngôi sao" href="/ngoi-sao-showbiz">Showbiz Ngôi sao</a></li>
|
| 353 |
-
<li><a title="Góc check var" href="/goc-check-var">Góc check var</a></li>
|
| 354 |
-
<li><a title="Công nghệ" href="/cong-nghe">Công nghệ</a></li>
|
| 355 |
-
<li><a title="Thông tin Thị trường" href="/thi-truong">Thị trường</a></li>
|
| 356 |
-
<li><a title="Bóng đá & Cuộc sống" href="/bong-da-cuoc-song">Bóng đá & Cuộc sống</a></li>
|
| 357 |
-
</ul>
|
| 358 |
-
</li>
|
| 359 |
-
<li>
|
| 360 |
-
<ul class="lst">
|
| 361 |
-
<li><a class="fst" href="#">Đội tuyển</a></li>
|
| 362 |
-
<li><a title="World Cup nữ 2028" href="/world-cup-nu-2023-tags">World Cup nữ 2028</a></li>
|
| 363 |
-
<li><a title="World Cup" href="/world-cup">World Cup 2026</a></li>
|
| 364 |
-
<li><a title="European Championship 2028" href="/euro-cup-chau-au">EURO 2028</a></li>
|
| 365 |
-
<li><a title="Nations League" href="/nations-league">Nations League</a></li>
|
| 366 |
-
<li><a title="Copa America" href="/copa-america">Copa America</a></li>
|
| 367 |
-
<li><a title="CAN" href="/can">CAN</a></li>
|
| 368 |
-
<li><a title="Olympic 2028" href="/olympic">Olympic 2028</a></li>
|
| 369 |
-
</ul>
|
| 370 |
-
</li>
|
| 371 |
-
<li class="exp"></li>
|
| 372 |
-
<li>
|
| 373 |
-
<ul class="lst">
|
| 374 |
-
<li><a class="fst" title="Multimedia" href="/video">Multimedia</a></li>
|
| 375 |
-
</ul>
|
| 376 |
-
</li>
|
| 377 |
-
<li>
|
| 378 |
-
<ul class="lst">
|
| 379 |
-
<li> </li>
|
| 380 |
-
</ul>
|
| 381 |
-
</li>
|
| 382 |
-
<li class="exp"></li>
|
| 383 |
-
<li>
|
| 384 |
-
<ul class="lst">
|
| 385 |
-
<li><a class="fst" href="/lich-thi-dau-bong-da">Lịch thi đấu</a></li>
|
| 386 |
-
<li class="hide-m"><a href="/lich-thi-dau-bong-da?bong-da-viet-nam" title="Lịch thi đấu V.League">V.League</a></li>
|
| 387 |
-
<li class="hide-m"><a href="/lich-thi-dau-bong-da?bong-da-anh" title="Lịch thi đấu Ngoại hạng Anh">Ngoại hạng Anh</a></li>
|
| 388 |
-
<li class="hide-m"><a href="/lich-thi-dau-bong-da?bong-da-phap" title="Lịch thi đấu Ligue 1 Pháp">Ligue 1</a></li>
|
| 389 |
-
<li class="hide-m"><a href="/lich-thi-dau-bong-da?bong-da-tay-ban-nha" title="Lịch thi đấu La Liga Tây Ban Nha">La Liga</a></li>
|
| 390 |
-
<li class="hide-m"><a href="/lich-thi-dau-bong-da?bong-da-duc" title="Lịch thi đấu Bundesliga Đức">Bundesliga</a></li>
|
| 391 |
-
<li class="hide-m"><a href="/lich-thi-dau-bong-da?bong-da-y" title="Lịch thi đấu Serie A Italia">Serie A</a></li>
|
| 392 |
-
<li class="hide-m"><a href="/lich-thi-dau-bong-da?champions-league-cup-c1" title="Lịch thi đấu Champions League">Champions League</a></li>
|
| 393 |
-
<li class="hide-m"><a href="/lich-thi-dau-bong-da?europa-league" title="Lịch thi đấu Europa League">Europa League</a></li>
|
| 394 |
-
</ul>
|
| 395 |
-
</li>
|
| 396 |
-
<li>
|
| 397 |
-
<ul class="lst">
|
| 398 |
-
<li><a class="fst" href="/bang-xep-hang-bong-da">Bảng xếp hạng</a></li>
|
| 399 |
-
<li class="hide-m"><a href="/bang-xep-hang-bong-da?bong-da-viet-nam" title="Bảng xếp hạng V.League">V.League</a></li>
|
| 400 |
-
<li class="hide-m"><a href="/bang-xep-hang-bong-da?bong-da-anh" title="Bảng xếp hạng Ngoại hạng Anh">Ngoại hạng Anh</a></li>
|
| 401 |
-
<li class="hide-m"><a href="/bang-xep-hang-bong-da?bong-da-phap" title="Bảng xếp hạng Ligue 1 Pháp">Ligue 1</a></li>
|
| 402 |
-
<li class="hide-m"><a href="/bang-xep-hang-bong-da?bong-da-tay-ban-nha" title="Bảng xếp hạng La Liga Tây Ban Nha">La Liga</a></li>
|
| 403 |
-
<li class="hide-m"><a href="/bang-xep-hang-bong-da?bong-da-duc" title="Bảng xếp hạng Bundesliga Đức">Bundesliga</a></li>
|
| 404 |
-
<li class="hide-m"><a href="/bang-xep-hang-bong-da?bong-da-y" title="Bảng xếp hạng Serie A Italia">Serie A</a></li>
|
| 405 |
-
<li class="hide-m"><a href="/bang-xep-hang-bong-da?champions-league-cup-c1" title="Bảng xếp hạng Champions League">Champions League</a></li>
|
| 406 |
-
<li class="hide-m"><a href="/bang-xep-hang-bong-da?europa-league" title="Bảng xếp hạng Europa League">Europa League</a></li>
|
| 407 |
-
</ul>
|
| 408 |
-
</li>
|
| 409 |
-
<li class="exp"></li>
|
| 410 |
-
<li><a class="caption" href="https://phui.bongdaplus.vn" target="_blank">Bóng đá phủi</a></li>
|
| 411 |
-
<li><a class="caption" href="/tennis">Tennis</a></li>
|
| 412 |
-
<li><a class="caption" href="/esports">Esports</a></li>
|
| 413 |
-
<li><a class="caption" href="/the-thao">Thể thao +</a></li>
|
| 414 |
-
</ul>
|
| 415 |
-
</div>
|
| 416 |
-
</div>
|
| 417 |
-
<div class="mmnu-end tx-cen">
|
| 418 |
-
<p>Theo dõi thông tin</p>
|
| 419 |
-
<ul class="bar social-lnk">
|
| 420 |
-
<li class="hide-m">Theo dõi thông tin</li>
|
| 421 |
-
<li><a class="ico vff-lnk" target="_blank" href="https://vff.org.vn/" style="background-size:28px;opacity:1;" rel="nofollow"></a></li>
|
| 422 |
-
<li><a class="ico fb-lnk" target="_blank" href="https://www.facebook.com/BaoBongDa/" style="background-size:28px;opacity:1;"></a></li>
|
| 423 |
-
<li><a class="ico yt-lnk" target="_blank" href="https://www.youtube.com/channel/UCF0VFBZu-5SRJXMV_FMysEA" style="background-size:28px;opacity:1;"></a></li>
|
| 424 |
-
</ul>
|
| 425 |
-
</div>
|
| 426 |
-
</div>
|
| 427 |
-
<div class="mega-menu">
|
| 428 |
-
<div class="cont-wrap">
|
| 429 |
-
<div class="menu-row">
|
| 430 |
-
<ul class="bar">
|
| 431 |
-
<li><a class="caption" title="Tin mới nhất" href="/tin-moi">Mới nhất</a></li>
|
| 432 |
-
<li>
|
| 433 |
-
<ul class="lst">
|
| 434 |
-
<li><a class="fst" title="Bóng đá Việt Nam" href="/bong-da-viet-nam">Bóng đá Việt Nam</a></li>
|
| 435 |
-
<li><a title="Đội tuyển Việt Nam" href="/doi-tuyen-quoc-gia-viet-nam">Đội tuyển Việt Nam</a></li>
|
| 436 |
-
<li><a title="V.League" href="/v-league">V.League</a></li>
|
| 437 |
-
<li><a title="Hạng Nhất" href="/hang-nhat-viet-nam">Hạng Nhất</a></li>
|
| 438 |
-
<li><a title="Cúp Quốc gia" href="/cup-quoc-gia-viet-nam">Cúp Quốc gia</a></li>
|
| 439 |
-
<li><a title="Cúp châu Á" href="/asian-cup">Cúp châu Á</a></li>
|
| 440 |
-
<li><a title="Bóng đá nữ" href="/bong-da-nu-viet-nam">Bóng đá nữ</a></li>
|
| 441 |
-
<li><a title="Futsal" href="/futsal">Futsal</a></li>
|
| 442 |
-
<li><a title="Phong trào" href="/bong-da-phong-trao">Phong trào</a></li>
|
| 443 |
-
<li><a title="Chuyển nhượng V.League" href="/tin-chuyen-nhuong-v-league">Chuyển nhượng V.League</a></li>
|
| 444 |
-
<li><a title="Tin khác" href="/tin-khac">Tin khác</a></li>
|
| 445 |
-
</ul>
|
| 446 |
-
</li>
|
| 447 |
-
|
| 448 |
-
<li>
|
| 449 |
-
<ul class="lst">
|
| 450 |
-
<li><a class="fst" title="Bóng đá Anh" href="/bong-da-anh">Bóng đá Anh</a></li>
|
| 451 |
-
<li><a title="Đội tuyển Anh" href="/doi-tuyen-anh">Đội tuyển Anh</a></li>
|
| 452 |
-
<li><a title="Ngoại hạng Anh" href="/ngoai-hang-anh">Ngoại hạng Anh</a></li>
|
| 453 |
-
<li><a title="FA Cup" href="/fa-cup">FA Cup</a></li>
|
| 454 |
-
<li><a title="League Cup" href="/cup-lien-doan-anh">League Cup</a></li>
|
| 455 |
-
</ul>
|
| 456 |
-
<div class="clx"></div>
|
| 457 |
-
<ul class="lst">
|
| 458 |
-
<li><a class="fst" href="#">Giải đấu CLB</a></li>
|
| 459 |
-
<li><a title="Champions Leage" href="/champions-league-cup-c1">Champions League</a></li>
|
| 460 |
-
<li><a title="Europa League" href="/europa-league">Europa League</a></li>
|
| 461 |
-
<li><a title="Club World Cup" href="/fifa-club-world-cup-tags">Club World Cup</a></li>
|
| 462 |
-
<li><a title="Europa Conference League" href="/europa-conference-league">Europa Conference League</a></li>
|
| 463 |
-
</ul>
|
| 464 |
-
</li>
|
| 465 |
-
|
| 466 |
-
<li>
|
| 467 |
-
<ul class="lst">
|
| 468 |
-
<li><a class="fst" title="Bóng đá Italia" href="/bong-da-y">Bóng đá Italia</a></li>
|
| 469 |
-
<li><a title="Đội tuyển Italia" href="/doi-tuyen-y">Đội tuyển Italia</a></li>
|
| 470 |
-
<li><a title="Serie A" href="/serie-a">Serie A</a></li>
|
| 471 |
-
<li><a title="Coppa Italia" href="/coppa-italia">Coppa Italia</a></li>
|
| 472 |
-
</ul>
|
| 473 |
-
<div class="clx"></div>
|
| 474 |
-
<ul class="lst">
|
| 475 |
-
<li><a class="fst" href="#">Đội tuyển</a></li>
|
| 476 |
-
<li><a title="World Cup nữ 2028" href="/world-cup-nu-2023-tags">World Cup nữ 2028</a></li>
|
| 477 |
-
<li><a title="World Cup" href="/world-cup">World Cup 2026</a></li>
|
| 478 |
-
<li><a title="European Championship 2028" href="/euro-cup-chau-au">EURO 2028</a></li>
|
| 479 |
-
<li><a title="Nations League" href="/nations-league">Nations League</a></li>
|
| 480 |
-
<li><a title="Copa America" href="/copa-america">Copa America</a></li>
|
| 481 |
-
<li><a title="CAN" href="/can">CAN</a></li>
|
| 482 |
-
<li><a title="Olympic" href="/olympic">Olympic 2028</a></li>
|
| 483 |
-
</ul>
|
| 484 |
-
</li>
|
| 485 |
-
|
| 486 |
-
<li>
|
| 487 |
-
<ul class="lst">
|
| 488 |
-
<li><a class="fst" title="Bóng đá Pháp" href="/bong-da-phap">Bóng đá Pháp</a></li>
|
| 489 |
-
<li><a title="Đội tuyển Pháp" href="/doi-tuyen-phap">Đội tuyển Pháp</a></li>
|
| 490 |
-
<li><a title="Ligue 1" href="/ligue-1">Ligue 1</a></li>
|
| 491 |
-
<li><a title="Cúp QG Pháp" href="/cup-quoc-gia-phap">Cúp QG Pháp</a></li>
|
| 492 |
-
<li><a title="Cúp Liên đoàn Pháp" href="/cup-lien-doan-phap-tags">Cúp Liên đoàn Pháp</a></li>
|
| 493 |
-
</ul>
|
| 494 |
-
<div class="clx"></div>
|
| 495 |
-
<ul class="lst">
|
| 496 |
-
<li><a class="fst" href="#">Khu vực</a></li>
|
| 497 |
-
<li><a title="Asian Cup" href="/asian-cup">Asian Cup</a></li>
|
| 498 |
-
<li><a title="Asian Games" href="/asian-games">Asian Games</a></li>
|
| 499 |
-
<li><a title="AFF Cup" href="/aff-cup">AFF Cup</a></li>
|
| 500 |
-
<li><a title="SEA Games" href="/sea-games">SEA Games</a></li>
|
| 501 |
-
</ul>
|
| 502 |
-
</li>
|
| 503 |
-
|
| 504 |
-
<li>
|
| 505 |
-
<ul class="lst">
|
| 506 |
-
<li><a class="fst" title="Tây Ban nha" href="/bong-da-tay-ban-nha">Tây Ban nha</a></li>
|
| 507 |
-
<li><a title="Đội tuyển TBN" href="/doi-tuyen-tay-ban-nha">Đội tuyển TBN</a></li>
|
| 508 |
-
<li><a title="La Liga" href="/la-liga">La Liga</a></li>
|
| 509 |
-
<li><a title="Cúp Nhà Vua" href="/cup-nha-vua-tay-ban-nha">Cúp Nhà Vua</a></li>
|
| 510 |
-
</ul>
|
| 511 |
-
<div class="clx"></div>
|
| 512 |
-
<ul class="lst">
|
| 513 |
-
<li><a class="fst" href="#">Chuyên đề</a></li>
|
| 514 |
-
<li><a title="Tin chuyển nhượng" href="/tin-chuyen-nhuong">Chuyển nhượng</a></li>
|
| 515 |
-
<li><a title="Hậu trường bóng đá" href="/hau-truong-bong-da">Hậu trường</a></li>
|
| 516 |
-
<li><a title="Điểm tin" href="/diem-tin">Điểm tin</a></li>
|
| 517 |
-
<li><a title="Showbiz Ngôi sao" href="/ngoi-sao-showbiz">Showbiz Ngôi sao</a></li>
|
| 518 |
-
<li><a title="Góc check var" href="/goc-check-var">Góc check var</a></li>
|
| 519 |
-
<li><a title="Công nghệ" href="/cong-nghe">Công nghệ</a></li>
|
| 520 |
-
<li><a title="Thông tin Thị trường" href="/thi-truong">Thị trường</a></li>
|
| 521 |
-
</ul>
|
| 522 |
-
</li>
|
| 523 |
-
|
| 524 |
-
<li>
|
| 525 |
-
<ul class="lst">
|
| 526 |
-
<li><a class="fst" title="Bóng đá Đức" href="/bong-da-duc">Bóng đá Đức</a></li>
|
| 527 |
-
<li><a title="Đội tuyển Đức" href="/doi-tuyen-duc">Đội tuyển Đức</a></li>
|
| 528 |
-
<li><a title="Bundesliga" href="/bundesliga">Bundesliga</a></li>
|
| 529 |
-
<li><a title="Cúp QG Đức" href="/cup-quoc-gia-duc">Cúp QG Đức</a></li>
|
| 530 |
-
</ul>
|
| 531 |
-
<div class="clx"></div>
|
| 532 |
-
<ul class="lst">
|
| 533 |
-
<li><a class="fst" href="#">Đặc biệt</a></li>
|
| 534 |
-
<li><a title="Big Story" href="/emagazine">Big Story</a></li>
|
| 535 |
-
<li><a title="X-File" href="/x-file">X-File</a></li>
|
| 536 |
-
<li><a title="Infographic" href="/infographic">Infographic</a></li>
|
| 537 |
-
<li><a title="Interactive" href="/interactive">Interactive</a></li>
|
| 538 |
-
</ul>
|
| 539 |
-
</li>
|
| 540 |
-
</ul>
|
| 541 |
-
</div>
|
| 542 |
-
|
| 543 |
-
<div class="menu-row">
|
| 544 |
-
<ul class="bar">
|
| 545 |
-
<li> </li>
|
| 546 |
-
<li><a title="Tin chuyển nhượng" href="/tin-chuyen-nhuong">Tin chuyển nhượng</a></li>
|
| 547 |
-
<li><a title="Bóng đá & Cuộc sống" href="/bong-da-cuoc-song">Bóng đá & Cuộc sống</a></li>
|
| 548 |
-
<li><a title="Thông tin Thị trường" href="/thi-truong">Thông tin Thị trường</a></li>
|
| 549 |
-
<li><a title="Tin tức Công nghệ" href="/cong-nghe">Công nghệ</a></li>
|
| 550 |
-
<li><a title="Tin tức Xe auto bike" href="/xe-co">Xe auto</a></li>
|
| 551 |
-
</ul>
|
| 552 |
-
</div>
|
| 553 |
-
|
| 554 |
-
<div class="menu-row">
|
| 555 |
-
<ul class="bar">
|
| 556 |
-
<li> </li>
|
| 557 |
-
<li><a class="caption" title="Nhận định Bóng đá" href="/nhan-dinh-bong-da-tags">Nhận định</a></li>
|
| 558 |
-
<li><a class="caption" title="Tư vấn Bóng đá" href="/soi-keo-bong-da">Tư vấn</a></li>
|
| 559 |
-
<li><a class="caption" title="Multimedia" href="/video">Multimedia</a></li>
|
| 560 |
-
<li><a class="caption" title="Youtube" target="_blank" href="https://www.youtube.com/channel/UCF0VFBZu-5SRJXMV_FMysEA">Youtube</a></li>
|
| 561 |
-
<li><a class="caption" title="Facebook fanpage" target="_blank" href="https://www.facebook.com/BaoBongDa">FB Fanpage</a></li>
|
| 562 |
-
<li>
|
| 563 |
-
<a class="caption" title="Premium" href="/premium">Premium <i class="ico crown"></i></a>
|
| 564 |
-
</li>
|
| 565 |
-
</ul>
|
| 566 |
-
</div>
|
| 567 |
-
|
| 568 |
-
<div class="menu-row">
|
| 569 |
-
<ul class="bar">
|
| 570 |
-
<li><a class="caption" href="/lich-thi-dau-bong-da">Lịch thi đấu</a></li>
|
| 571 |
-
<li>
|
| 572 |
-
<ul class="lst">
|
| 573 |
-
<li><a class="fst" href="/lich-thi-dau-bong-da">Lịch thi đấu hôm nay</a></li>
|
| 574 |
-
<li><a href="/lich-thi-dau-bong-da?bong-da-viet-nam" title="Lịch thi đấu V.League">V.League</a></li>
|
| 575 |
-
<li><a href="/lich-thi-dau-bong-da?bong-da-anh" title="Lịch thi đấu Ngoại hạng Anh">Ngoại hạng Anh</a></li>
|
| 576 |
-
<li><a href="/lich-thi-dau-bong-da?bong-da-phap" title="Lịch thi đấu Ligue 1 Pháp">Ligue 1</a></li>
|
| 577 |
-
<li><a href="/lich-thi-dau-bong-da?bong-da-tay-ban-nha" title="Lịch thi đấu La Liga Tây Ban Nha">La Liga</a></li>
|
| 578 |
-
<li><a href="/lich-thi-dau-bong-da?bong-da-duc" title="Lịch thi đấu Bundesliga Đức">Bundesliga</a></li>
|
| 579 |
-
<li><a href="/lich-thi-dau-bong-da?bong-da-y" title="Lịch thi đấu Serie A Italia">Serie A</a></li>
|
| 580 |
-
<li><a href="/lich-thi-dau-bong-da?champions-league-cup-c1" title="Lịch thi đấu Champions League">Champions League</a></li>
|
| 581 |
-
<li><a href="/lich-thi-dau-bong-da?europa-league" title="Lịch thi đấu Europa League">Europa League</a></li>
|
| 582 |
-
</ul>
|
| 583 |
-
</li>
|
| 584 |
-
|
| 585 |
-
<li>
|
| 586 |
-
<ul class="lst">
|
| 587 |
-
<li><a class="fst" href="/ket-qua-bong-da">Kết quả mới nhất</a></li>
|
| 588 |
-
<li><a href="/lich-thi-dau-bong-da?bong-da-viet-nam" title="Kết quả V.League">V.League</a></li>
|
| 589 |
-
<li><a href="/lich-thi-dau-bong-da?bong-da-anh" title="Kết quả Ngoại hạng Anh">Ngoại hạng Anh</a></li>
|
| 590 |
-
<li><a href="/lich-thi-dau-bong-da?bong-da-phap" title="Kết quả Ligue 1 Pháp">Ligue 1</a></li>
|
| 591 |
-
<li><a href="/lich-thi-dau-bong-da?bong-da-tay-ban-nha" title="Kết quả La Liga Tây Ban Nha">La Liga</a></li>
|
| 592 |
-
<li><a href="/lich-thi-dau-bong-da?bong-da-duc" title="Kết quả Bundesliga Đức">Bundesliga</a></li>
|
| 593 |
-
<li><a href="/lich-thi-dau-bong-da?bong-da-y" title="Kết quả Serie A Italia">Serie A</a></li>
|
| 594 |
-
<li><a href="/lich-thi-dau-bong-da?champions-league-cup-c1" title="Kết quả Champions League">Champions League</a></li>
|
| 595 |
-
<li><a href="/lich-thi-dau-bong-da?europa-league" title="Kết quả Europa League">Europa League</a></li>
|
| 596 |
-
</ul>
|
| 597 |
-
</li>
|
| 598 |
-
|
| 599 |
-
<li>
|
| 600 |
-
<ul class="lst">
|
| 601 |
-
<li><a class="fst" href="#">Bảng xếp hạng</a></li>
|
| 602 |
-
<li><a href="/bang-xep-hang-bong-da?bong-da-viet-nam" title="Bảng xếp hạng V.League">V.League</a></li>
|
| 603 |
-
<li><a href="/bang-xep-hang-bong-da?bong-da-anh" title="Bảng xếp hạng Ngoại hạng Anh">Ngoại hạng Anh</a></li>
|
| 604 |
-
<li><a href="/bang-xep-hang-bong-da?bong-da-phap" title="Bảng xếp hạng Ligue 1 Pháp">Ligue 1</a></li>
|
| 605 |
-
<li><a href="/bang-xep-hang-bong-da?bong-da-tay-ban-nha" title="Bảng xếp hạng La Liga Tây Ban Nha">La Liga</a></li>
|
| 606 |
-
<li><a href="/bang-xep-hang-bong-da?bong-da-duc" title="Bảng xếp hạng Bundesliga Đức">Bundesliga</a></li>
|
| 607 |
-
<li><a href="/bang-xep-hang-bong-da?bong-da-y" title="Bảng xếp hạng Serie A Italia">Serie A</a></li>
|
| 608 |
-
<li><a href="/bang-xep-hang-bong-da?champions-league-cup-c1" title="Bảng xếp hạng Champions League">Champions League</a></li>
|
| 609 |
-
<li><a href="/bang-xep-hang-bong-da?europa-league" title="Bảng xếp hạng Europa League">Europa League</a></li>
|
| 610 |
-
</ul>
|
| 611 |
-
</li>
|
| 612 |
-
|
| 613 |
-
<li>
|
| 614 |
-
<ul class="lst">
|
| 615 |
-
<li><a class="caption" href="https://phui.bongdaplus.vn" target="_blank">Bóng đá phủi</a></li>
|
| 616 |
-
<li><a class="caption" href="/tennis">Tennis</a></li>
|
| 617 |
-
</ul>
|
| 618 |
-
</li>
|
| 619 |
-
<li>
|
| 620 |
-
<ul class="lst">
|
| 621 |
-
<li><a class="caption" href="/esports">Esports</a></li>
|
| 622 |
-
<li><a class="caption" href="/the-thao">Thể thao +</a></li>
|
| 623 |
-
</ul>
|
| 624 |
-
</li>
|
| 625 |
-
|
| 626 |
-
<li>
|
| 627 |
-
<ul class="lst">
|
| 628 |
-
<li>
|
| 629 |
-
<div class="copyr">
|
| 630 |
-
<div class="splt hide-w"></div>
|
| 631 |
-
<p><b class="allcap">Tạp chí Bóng Đá</b></p>
|
| 632 |
-
<p>Giấy phép số 48/GP-BTTTT cấp ngày 05/02/2020</p>
|
| 633 |
-
<p> </p>
|
| 634 |
-
<p>
|
| 635 |
-
Tổng biên tập:<br /> <b>Vũ Khắc Sơn</b><br />
|
| 636 |
-
Phó tổng biên tập:<br /> <b>Nguyễn Hà Thanh</b>
|
| 637 |
-
</p>
|
| 638 |
-
<p> </p>
|
| 639 |
-
<p>
|
| 640 |
-
<a class="contact-showr" href="#">Thông tin tòa soạn</a><br />
|
| 641 |
-
<a class="contact-showr" href="#">Liên hệ quảng cáo</a>
|
| 642 |
-
</p>
|
| 643 |
-
<p>Liên đoàn BĐVN <a href="https://vff.org.vn/" target="_blank" rel="nofollow"><img alt="VFF" src="/img/logo_Vff.png" style="width:28px;" /></a></p>
|
| 644 |
-
</div>
|
| 645 |
-
</li>
|
| 646 |
-
</ul>
|
| 647 |
-
</li>
|
| 648 |
-
</ul>
|
| 649 |
-
</div>
|
| 650 |
-
</div>
|
| 651 |
-
</div>
|
| 652 |
-
<div class="menu-tags hide-w">
|
| 653 |
-
<div class="today"></div>
|
| 654 |
-
<div class="mtags">
|
| 655 |
-
<a title="#HighlightBóngđá" href="/video/highlight">#HighlightBóngđá</a>
|
| 656 |
-
<a title="#PremierLeague" href="/ngoai-hang-anh">#PremierLeague</a>
|
| 657 |
-
<a title="#V.League" href="/v-league">#V.League</a>
|
| 658 |
-
</div>
|
| 659 |
-
</div>
|
| 660 |
-
|
| 661 |
-
<div id="fxtSlideCover" class="fixt-strm" style="margin-bottom:5px;">
|
| 662 |
-
<div class="cont-wrap">
|
| 663 |
-
<a class="brand" href="https://admin.giaminhmedia.vn/www/delivery/cl.php?bannerid=1411&zoneid=328&sig=8300d1283663cec85d90499507ffd94240954967132167c0f302d7388b8f9bb5&dest=http%3A%2F%2Fadmin.giaminhmedia.vn%2Fwww%2Funiscore.php" target="_blank" rel="nofollow" style="margin-left:5px;">
|
| 664 |
-
<img alt="" src="https://bongdaplus.vn/img/logouniscore-tiny.png">
|
| 665 |
-
</a>
|
| 666 |
-
<ul id="fxtSlide" class="nav"></ul>
|
| 667 |
-
</div>
|
| 668 |
-
</div>
|
| 669 |
-
|
| 670 |
-
<div class="clz"></div>
|
| 671 |
-
<div id="ADTOP" class="banner adweb admob" banner-adpos="top"></div>
|
| 672 |
-
|
| 673 |
-
<section class="bread-crums">
|
| 674 |
-
<div class="clz"></div>
|
| 675 |
-
<div class="cont-wrap">
|
| 676 |
-
<div class="chain-navs">
|
| 677 |
-
<a href="/video">Multimedia</a>»
|
| 678 |
-
</div>
|
| 679 |
-
</div>
|
| 680 |
-
</section>
|
| 681 |
-
|
| 682 |
-
<section class="media-box">
|
| 683 |
-
<div class="clz"></div>
|
| 684 |
-
<div class="cont-wrap video-box">
|
| 685 |
-
<div class="row">
|
| 686 |
-
<div class="col m12 w8 clip-box">
|
| 687 |
-
<div class="play-box rbox">
|
| 688 |
-
<iframe id="ytbFrBpl" class="play-frame" src="https://www.youtube.com/embed/Qokb_8w6p0s?si=QNKAZIYxNrtn2hSN" cid="UCmn1v6lrIDZghUfbxXaorUw" vnum="0" class="latestVideoEmbed" title="Bongdaplus trên Youtube" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
|
| 689 |
-
</div>
|
| 690 |
-
</div>
|
| 691 |
-
|
| 692 |
-
<div class="col m12 w4 clip-cont">
|
| 693 |
-
<div class="ovrscrl">
|
| 694 |
-
<div class="clip-info">
|
| 695 |
-
<h1 class="title">Hull City vs MU: Quỷ Đỏ vào hang bắt hổ</h1>
|
| 696 |
-
<p class="desc">
|
| 697 |
-
Mùa giải Premier League 2026/27 của MU sẽ mở màn bằng chuyến làm khách đầy thử thách trước tân binh Hull City tại sân MKM. Cuộc đối đầu Hull City vs MU là màn chạm trán đáng chú ý khi “Đàn Hổ” đang tràn đầy khí thế, trong khi Quỷ đỏ không được phép sảy chân nếu muốn sớm tạo đà cho cuộc đua vô địch.
|
| 698 |
-
</p>
|
| 699 |
-
|
| 700 |
-
<div>08:07 - 22/08/2026</div>
|
| 701 |
-
<div class="editor"></div>
|
| 702 |
-
<div class="hash-tags">
|
| 703 |
-
<b>Tags:</b>
|
| 704 |
-
<a href="/video/hull-city-vs-mu-tags">Hull City vs MU</a>
|
| 705 |
-
<a href="/video/nhan-dinh-hull-city-vs-mu-tags">nhận định Hull City vs MU</a>
|
| 706 |
-
<a href="/video/premier-league-tags">Premier League</a>
|
| 707 |
-
<a href="/video/mu-tags">MU</a>
|
| 708 |
-
</div>
|
| 709 |
-
<style>
|
| 710 |
-
.emobar .emo:not(:empty) {
|
| 711 |
-
background-position: left 10px top 50%;
|
| 712 |
-
padding: 0 13px 0 36px;
|
| 713 |
-
}
|
| 714 |
-
.emobar .emo {
|
| 715 |
-
border-radius: 16px;
|
| 716 |
-
background-color: #d7d3d3;
|
| 717 |
-
background-size: auto 18px;
|
| 718 |
-
cursor: pointer;
|
| 719 |
-
margin: 0 3px;
|
| 720 |
-
padding: 0 16px;
|
| 721 |
-
line-height: 32px;
|
| 722 |
-
height: 32px;
|
| 723 |
-
}
|
| 724 |
-
.emopicked {
|
| 725 |
-
border: solid 1px #767676;
|
| 726 |
-
}
|
| 727 |
-
</style>
|
| 728 |
-
<div class="emobar tx-cen">
|
| 729 |
-
<div class="clx"></div>
|
| 730 |
-
<a class="emo like" onclick="btnNewsEmotion_click(1)" id="btnEmo1"> <span id="numemo1"></span></a>
|
| 731 |
-
<a class="emo heart" onclick="btnNewsEmotion_click(2)" id="btnEmo2"> <span id="numemo2"></span></a>
|
| 732 |
-
<a class="emo star" onclick="btnNewsEmotion_click(4)" id="btnEmo4"> <span id="numemo4"></span></a>
|
| 733 |
-
<a class="emo comment" id="ncmt" href="#commenting" data-action="comment" data-act-only="true"></a>
|
| 734 |
-
</div>
|
| 735 |
-
</div>
|
| 736 |
-
</div>
|
| 737 |
-
</div>
|
| 738 |
-
</div>
|
| 739 |
-
</div>
|
| 740 |
-
|
| 741 |
-
<div class="clx"></div>
|
| 742 |
-
<div class="cont-view">
|
| 743 |
-
|
| 744 |
-
|
| 745 |
-
|
| 746 |
-
|
| 747 |
-
<style>
|
| 748 |
-
.btnlikedislikecmt {
|
| 749 |
-
border-radius: 9px;
|
| 750 |
-
border: solid 1px #767676;
|
| 751 |
-
background-color: #cecece;
|
| 752 |
-
}
|
| 753 |
-
|
| 754 |
-
sup {
|
| 755 |
-
padding: 3px;
|
| 756 |
-
position: initial;
|
| 757 |
-
vertical-align: initial;
|
| 758 |
-
}
|
| 759 |
-
|
| 760 |
-
.TopComment {
|
| 761 |
-
border: solid 1px #fdd835;
|
| 762 |
-
}
|
| 763 |
-
|
| 764 |
-
.TopComment .info .member {
|
| 765 |
-
color: red;
|
| 766 |
-
}
|
| 767 |
-
|
| 768 |
-
.TopComment .info .avatar {
|
| 769 |
-
border: solid 1px red;
|
| 770 |
-
}
|
| 771 |
-
|
| 772 |
-
.comment .summ .replyat {
|
| 773 |
-
/*color: #1b5e20;*/
|
| 774 |
-
display: inline-block;
|
| 775 |
-
margin: 0 8px 0 0;
|
| 776 |
-
font-weight: bold;
|
| 777 |
-
/* text-decoration: underline; */
|
| 778 |
-
}
|
| 779 |
-
</style>
|
| 780 |
-
<div id="postComment" class="comm-zone">
|
| 781 |
-
<a class="anchor" name="#comments"></a>
|
| 782 |
-
<div class="clz"></div>
|
| 783 |
-
<div class="xcap">Bình luận</div>
|
| 784 |
-
<div class="clz"></div>
|
| 785 |
-
<div class="comm-post ">
|
| 786 |
-
<div id="formcomment" class="comm-form">
|
| 787 |
-
<label class="txt-fld">
|
| 788 |
-
<textarea id="txtcomment_0" name="txtcomment_0" maxlength="1000" placeholder="Hãy chia sẻ suy nghĩ của bạn..." onclick="showcommentloginform();"></textarea>
|
| 789 |
-
</label>
|
| 790 |
-
<div class="actions">
|
| 791 |
-
<button id="btnComment" class="btn btn-send base" onclick="btnComment_click(0,0)">Gửi</button>
|
| 792 |
-
</div>
|
| 793 |
-
<center><div class="cmterr"></div></center>
|
| 794 |
-
</div>
|
| 795 |
-
</div>
|
| 796 |
-
<div class="clz"></div>
|
| 797 |
-
<div class="comm-frame">
|
| 798 |
-
<div id="NewsComments"></div>
|
| 799 |
-
<div class="clz"></div>
|
| 800 |
-
<div class="cat-news">
|
| 801 |
-
<div id="btnloadviewmore" class="view-more hide"><a onclick="loadviewmorecomment();">Xem thêm</a></div>
|
| 802 |
-
</div>
|
| 803 |
-
<div class="clz"></div>
|
| 804 |
-
</div>
|
| 805 |
-
</div>
|
| 806 |
-
</div>
|
| 807 |
-
<div class="clz"></div>
|
| 808 |
-
</section>
|
| 809 |
-
|
| 810 |
-
|
| 811 |
-
|
| 812 |
-
|
| 813 |
-
|
| 814 |
-
<div class="clx"></div>
|
| 815 |
-
<center><div id="ADHOT" class="banner adweb admob" banner-adpos="hot"></div></center>
|
| 816 |
-
<div class="clx"></div>
|
| 817 |
-
|
| 818 |
-
|
| 819 |
-
<section class="cat-news">
|
| 820 |
-
<div class="cont-wrap">
|
| 821 |
-
<div class="capt-cover">
|
| 822 |
-
<div class="caption">Video mới nhất</div>
|
| 823 |
-
<button class="more-lnk"></button>
|
| 824 |
-
</div>
|
| 825 |
-
<div class="row flex">
|
| 826 |
-
<div class="col m12 w3">
|
| 827 |
-
<div class="news">
|
| 828 |
-
<a class="thumb" href="/video/du-doan-ty-so-hull-mu-than-rua-ali-33-chon-doi-nao-982702608.html"><img alt="Dự đoán tỷ số Hull vs MU: Thần Rùa Ali 33 chọn đội nào?" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/18/80/Anh-chu-480-x-270.jpg" /></a>
|
| 829 |
-
<a class="title" href="/video/du-doan-ty-so-hull-mu-than-rua-ali-33-chon-doi-nao-982702608.html">Dự đoán tỷ số Hull vs MU: Thần Rùa Ali 33 chọn đội nào?</a>
|
| 830 |
-
<span class="info">
|
| 831 |
-
43 phút trước
|
| 832 |
-
</span>
|
| 833 |
-
<span class="info">
|
| 834 |
-
</span>
|
| 835 |
-
</div>
|
| 836 |
-
</div>
|
| 837 |
-
<div class="col m12 w3">
|
| 838 |
-
<div class="news">
|
| 839 |
-
<a class="thumb" href="/video/hull-city-vs-mu-quy-do-vao-hang-bat-ho-982672608.html"><img alt="Hull City vs MU: Quỷ Đỏ vào hang bắt hổ" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/18/13/ThumbHullvsMU-up.jpg" /></a>
|
| 840 |
-
<a class="title" href="/video/hull-city-vs-mu-quy-do-vao-hang-bat-ho-982672608.html">Hull City vs MU: Quỷ Đỏ vào hang bắt hổ</a>
|
| 841 |
-
<span class="info">
|
| 842 |
-
44 phút trước
|
| 843 |
-
</span>
|
| 844 |
-
<span class="info">
|
| 845 |
-
</span>
|
| 846 |
-
</div>
|
| 847 |
-
</div>
|
| 848 |
-
<div class="col m12 w3">
|
| 849 |
-
<div class="news">
|
| 850 |
-
<a class="thumb" href="/video/du-doan-ty-so-brentford-vs-tottenham-premier-league-2026-27-than-rua-ali-33-chon-doi-nao-982862608.html"><img alt="Dự đoán tỷ số Brentford vs Tottenham: Thần Rùa Ali 33 chọn đội nào?" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/19/80/Brentford-vs-Tottenham-480-x-270-moi.jpg" /></a>
|
| 851 |
-
<a class="title" href="/video/du-doan-ty-so-brentford-vs-tottenham-premier-league-2026-27-than-rua-ali-33-chon-doi-nao-982862608.html">Dự đoán tỷ số Brentford vs Tottenham: Thần Rùa Ali 33 chọn đội nào?</a>
|
| 852 |
-
<span class="info">
|
| 853 |
-
44 phút trước
|
| 854 |
-
</span>
|
| 855 |
-
<span class="info">
|
| 856 |
-
</span>
|
| 857 |
-
</div>
|
| 858 |
-
</div>
|
| 859 |
-
<div class="col m12 w3">
|
| 860 |
-
<div class="news">
|
| 861 |
-
<a class="thumb" href="/video/brentford-vs-tottenham-de-zerbi-vuot-ai-gtech-982822608.html"><img alt="Brentford vs Tottenham: De Zerbi vượt ải Gtech" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/19/13/Brenfort-vs-Tottenham.jpg" /></a>
|
| 862 |
-
<a class="title" href="/video/brentford-vs-tottenham-de-zerbi-vuot-ai-gtech-982822608.html">Brentford vs Tottenham: De Zerbi vượt ải Gtech</a>
|
| 863 |
-
<span class="info">
|
| 864 |
-
45 phút trước
|
| 865 |
-
</span>
|
| 866 |
-
<span class="info">
|
| 867 |
-
</span>
|
| 868 |
-
</div>
|
| 869 |
-
</div>
|
| 870 |
-
<div class="col m12 w3">
|
| 871 |
-
<div class="news">
|
| 872 |
-
<a class="thumb" href="/video/du-doan-ty-so-arsenal-vs-coventry-than-rua-ali-33-chon-doi-nao-982612608.html"><img alt="Dự đoán tỷ số Arsenal vs Coventry: Thần Rùa Ali 33 chọn đội nào?" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/17/0/thumblai.jpg" /></a>
|
| 873 |
-
<a class="title" href="/video/du-doan-ty-so-arsenal-vs-coventry-than-rua-ali-33-chon-doi-nao-982612608.html">Dự đoán tỷ số Arsenal vs Coventry: Thần Rùa Ali 33 chọn đội nào?</a>
|
| 874 |
-
<span class="info">
|
| 875 |
-
09 giờ trước
|
| 876 |
-
</span>
|
| 877 |
-
<span class="info">
|
| 878 |
-
</span>
|
| 879 |
-
</div>
|
| 880 |
-
</div>
|
| 881 |
-
<div class="col m12 w3">
|
| 882 |
-
<div class="news">
|
| 883 |
-
<a class="thumb" href="/video/arsenal-vs-coventry-nha-vua-mo-man-bang-mot-chien-thang-982662608.html"><img alt="Arsenal vs Coventry: Nhà vua mở màn bằng một chiến thắng?" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/18/13/ThumbArsenalvsCoventry-up.jpg" /></a>
|
| 884 |
-
<a class="title" href="/video/arsenal-vs-coventry-nha-vua-mo-man-bang-mot-chien-thang-982662608.html">Arsenal vs Coventry: Nhà vua mở màn bằng một chiến thắng?</a>
|
| 885 |
-
<span class="info">
|
| 886 |
-
09 giờ trước
|
| 887 |
-
</span>
|
| 888 |
-
<span class="info">
|
| 889 |
-
</span>
|
| 890 |
-
</div>
|
| 891 |
-
</div>
|
| 892 |
-
<div class="col m12 w3">
|
| 893 |
-
<div class="news">
|
| 894 |
-
<a class="thumb" href="/video/truc-tuyen-truoc-tran-arsenal-vs-coventry-hull-vs-mu-983222608.html"><img alt="Trực tuyến trước trận Arsenal vs Coventry, Hull vs MU" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/21/13/truc-tuyen-truoc-tran-Arsenal-vs-Coventry.jpg" /></a>
|
| 895 |
-
<a class="title" href="/video/truc-tuyen-truoc-tran-arsenal-vs-coventry-hull-vs-mu-983222608.html">Trực tuyến trước trận Arsenal vs Coventry, Hull vs MU</a>
|
| 896 |
-
<span class="info">
|
| 897 |
-
11 giờ trước
|
| 898 |
-
</span>
|
| 899 |
-
<span class="info">
|
| 900 |
-
</span>
|
| 901 |
-
</div>
|
| 902 |
-
</div>
|
| 903 |
-
<div class="col m12 w3">
|
| 904 |
-
<div class="news">
|
| 905 |
-
<a class="thumb" href="/video/dt-thai-lan-tap-cach-san-rajamangala-40km-hlv-anthony-hudson-chot-luon-doi-hinh-dau-viet-nam-983202608.html"><img alt=" ĐT Thái Lan tập cách sân Rajamangala 40km, HLV Anthony Hudson chốt luôn đội hình đấu Việt Nam" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/21/80/HLV-Thai-Lan-chot-doi-hinh.jpg" /></a>
|
| 906 |
-
<a class="title" href="/video/dt-thai-lan-tap-cach-san-rajamangala-40km-hlv-anthony-hudson-chot-luon-doi-hinh-dau-viet-nam-983202608.html"> ĐT Thái Lan tập cách sân Rajamangala 40km, HLV Anthony Hudson chốt luôn đội hình đấu Việt Nam</a>
|
| 907 |
-
<span class="info">
|
| 908 |
-
13 giờ trước
|
| 909 |
-
</span>
|
| 910 |
-
<span class="info">
|
| 911 |
-
</span>
|
| 912 |
-
</div>
|
| 913 |
-
</div>
|
| 914 |
-
<div class="col m12 w3">
|
| 915 |
-
<div class="news">
|
| 916 |
-
<a class="thumb" href="/video/tro-lai-san-tung-vo-dich-aff-cup-2024-dt-viet-nam-quyet-lam-nen-lich-su-983212608.html"><img alt=" Trở lại sân từng vô địch AFF Cup 2024, ĐT Việt Nam quyết làm nên lịch sử" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/21/80/Viet-Nam-tap-2-1-8.jpg" /></a>
|
| 917 |
-
<a class="title" href="/video/tro-lai-san-tung-vo-dich-aff-cup-2024-dt-viet-nam-quyet-lam-nen-lich-su-983212608.html"> Trở lại sân từng vô địch AFF Cup 2024, ĐT Việt Nam quyết làm nên lịch sử</a>
|
| 918 |
-
<span class="info">
|
| 919 |
-
14 giờ trước
|
| 920 |
-
</span>
|
| 921 |
-
<span class="info">
|
| 922 |
-
</span>
|
| 923 |
-
</div>
|
| 924 |
-
</div>
|
| 925 |
-
<div class="col m12 w3">
|
| 926 |
-
<div class="news">
|
| 927 |
-
<a class="thumb" href="/video/vong-1-premier-league-2026-27-lieu-co-cu-soc-983112608.html"><img alt="Nhận định Premier League vòng 1: Liệu có cú sốc?" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/21/13/thumbvong1-480.jpg" /></a>
|
| 928 |
-
<a class="title" href="/video/vong-1-premier-league-2026-27-lieu-co-cu-soc-983112608.html">Nhận định Premier League vòng 1: Liệu có cú sốc?</a>
|
| 929 |
-
<span class="info">
|
| 930 |
-
14 giờ trước
|
| 931 |
-
</span>
|
| 932 |
-
<span class="info">
|
| 933 |
-
</span>
|
| 934 |
-
</div>
|
| 935 |
-
</div>
|
| 936 |
-
<div class="col m12 w3">
|
| 937 |
-
<div class="news">
|
| 938 |
-
<a class="thumb" href="/video/ronaldinho-gay-soc-46-tuoi-van-tro-lai-san-co-khoac-ao-clb-serie-c-983192608.html"><img alt="Ronaldinho gây sốc: 46 tuổi vẫn trở lại sân cỏ, khoác áo CLB Serie C" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/21/26/Ronaldinho480.jpg" /></a>
|
| 939 |
-
<a class="title" href="/video/ronaldinho-gay-soc-46-tuoi-van-tro-lai-san-co-khoac-ao-clb-serie-c-983192608.html">Ronaldinho gây sốc: 46 tuổi vẫn trở lại sân cỏ, khoác áo CLB Serie C</a>
|
| 940 |
-
<span class="info">
|
| 941 |
-
14 giờ trước
|
| 942 |
-
</span>
|
| 943 |
-
<span class="info">
|
| 944 |
-
</span>
|
| 945 |
-
</div>
|
| 946 |
-
</div>
|
| 947 |
-
<div class="col m12 w3">
|
| 948 |
-
<div class="news">
|
| 949 |
-
<a class="thumb" href="/video/arsenal-no-bom-tan-51-trieu-bang-de-va-hang-thu-983122608.html"><img alt="Arsenal nổ bom tấn 51 triệu bảng để vá hàng thủ" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/21/26/Konsa480.jpg" /></a>
|
| 950 |
-
<a class="title" href="/video/arsenal-no-bom-tan-51-trieu-bang-de-va-hang-thu-983122608.html">Arsenal nổ bom tấn 51 triệu bảng để vá hàng thủ</a>
|
| 951 |
-
<span class="info">
|
| 952 |
-
14 giờ trước
|
| 953 |
-
</span>
|
| 954 |
-
<span class="info">
|
| 955 |
-
</span>
|
| 956 |
-
</div>
|
| 957 |
-
</div>
|
| 958 |
-
<div class="col m12 w3">
|
| 959 |
-
<div class="news">
|
| 960 |
-
<a class="thumb" href="/video/truc-tuyen-hop-bao-viet-nam-hlv-kim-sang-sik-noi-gi-khi-pho-chu-tich-thai-lan-mia-mai-dan-nhap-tich-983182608.html"><img alt="Trực tuyến họp báo Việt Nam: HLV Kim Sang Sik nói gì khi Phó Chủ tịch Thái Lan mỉa mai dàn nhập tịch" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/21/13/anhliveVN.jpg" /></a>
|
| 961 |
-
<a class="title" href="/video/truc-tuyen-hop-bao-viet-nam-hlv-kim-sang-sik-noi-gi-khi-pho-chu-tich-thai-lan-mia-mai-dan-nhap-tich-983182608.html">Trực tuyến họp báo Việt Nam: HLV Kim Sang Sik nói gì khi Phó Chủ tịch Thái Lan mỉa mai dàn nhập tịch</a>
|
| 962 |
-
<span class="info">
|
| 963 |
-
16 giờ trước
|
| 964 |
-
</span>
|
| 965 |
-
<span class="info">
|
| 966 |
-
</span>
|
| 967 |
-
</div>
|
| 968 |
-
</div>
|
| 969 |
-
<div class="col m12 w3">
|
| 970 |
-
<div class="news">
|
| 971 |
-
<a class="thumb" href="/video/truc-tuyen-thai-lan-hop-bao-hlv-thach-dau-dt-viet-nam-983162608.html"><img alt=" Trực tuyến Thái Lan họp báo: HLV Anthony Hudson thách đấu ĐT Việt Nam" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/21/13/anhlivesua-480.jpg" /></a>
|
| 972 |
-
<a class="title" href="/video/truc-tuyen-thai-lan-hop-bao-hlv-thach-dau-dt-viet-nam-983162608.html"> Trực tuyến Thái Lan họp báo: HLV Anthony Hudson thách đấu ĐT Việt Nam</a>
|
| 973 |
-
<span class="info">
|
| 974 |
-
18 giờ trước
|
| 975 |
-
</span>
|
| 976 |
-
<span class="info">
|
| 977 |
-
</span>
|
| 978 |
-
</div>
|
| 979 |
-
</div>
|
| 980 |
-
<div class="col m12 w3">
|
| 981 |
-
<div class="news">
|
| 982 |
-
<a class="thumb" href="/video/ban-tin-21-8-dt-viet-nam-chiu-thong-ke-cuc-xau-truoc-chung-ket-thai-lan-choi-chieu-nhu-indo-983152608.html"><img alt="Bản tin 21/8: ĐT Việt Nam chịu thống kê cực xấu trước chung kết, Thái Lan chơi chiêu như Indo" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/21/13/Thumb-tin-nong-21-8-480-up.jpg" /></a>
|
| 983 |
-
<a class="title" href="/video/ban-tin-21-8-dt-viet-nam-chiu-thong-ke-cuc-xau-truoc-chung-ket-thai-lan-choi-chieu-nhu-indo-983152608.html">Bản tin 21/8: ĐT Việt Nam chịu thống kê cực xấu trước chung kết, Thái Lan chơi chiêu như Indo</a>
|
| 984 |
-
<span class="info">
|
| 985 |
-
18 giờ trước
|
| 986 |
-
</span>
|
| 987 |
-
<span class="info">
|
| 988 |
-
</span>
|
| 989 |
-
</div>
|
| 990 |
-
</div>
|
| 991 |
-
<div class="col m12 w3">
|
| 992 |
-
<div class="news">
|
| 993 |
-
<a class="thumb" href="/video/thai-lan-khoa-cdv-viet-nam-chi-3-000-ve-cho-tran-chung-ket-tai-rajamangala-983142608.html"><img alt="Thái Lan 'khóa' CĐV Việt Nam: Chỉ 3.000 vé cho trận chung kết tại Rajamangala" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/21/26/cdv.jpg" /></a>
|
| 994 |
-
<a class="title" href="/video/thai-lan-khoa-cdv-viet-nam-chi-3-000-ve-cho-tran-chung-ket-tai-rajamangala-983142608.html">Thái Lan 'khóa' CĐV Việt Nam: Chỉ 3.000 vé cho trận chung kết tại Rajamangala</a>
|
| 995 |
-
<span class="info">
|
| 996 |
-
20 giờ trước
|
| 997 |
-
</span>
|
| 998 |
-
<span class="info">
|
| 999 |
-
</span>
|
| 1000 |
-
</div>
|
| 1001 |
-
</div>
|
| 1002 |
-
<div class="col m12 w3">
|
| 1003 |
-
<div class="news">
|
| 1004 |
-
<a class="thumb" href="/video/truoc-tran-thai-lan-vs-viet-nam-svd-rajamagala-vang-tanh-hon-chua-ba-danh-983132608.html"><img alt="Trước trận Thái Lan vs Việt Nam: SVĐ Rajamagala vắng tanh hơn chùa Bà Đanh" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/21/13/livethumbYT-480.jpg" /></a>
|
| 1005 |
-
<a class="title" href="/video/truoc-tran-thai-lan-vs-viet-nam-svd-rajamagala-vang-tanh-hon-chua-ba-danh-983132608.html">Trước trận Thái Lan vs Việt Nam: SVĐ Rajamagala vắng tanh hơn chùa Bà Đanh</a>
|
| 1006 |
-
<span class="info">
|
| 1007 |
-
22 giờ trước
|
| 1008 |
-
</span>
|
| 1009 |
-
<span class="info">
|
| 1010 |
-
</span>
|
| 1011 |
-
</div>
|
| 1012 |
-
</div>
|
| 1013 |
-
<div class="col m12 w3">
|
| 1014 |
-
<div class="news">
|
| 1015 |
-
<a class="thumb" href="/video/du-doan-ty-so-thai-lan-vs-viet-nam-than-rua-ali-33-chon-doi-nao-983092608.html"><img alt="Dự đoán tỷ số Thái Lan vs Việt Nam: Thần Rùa Ali 33 chọn đội nào?" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/20/80/ThumbRuaThaivsVietnam-480.jpg" /></a>
|
| 1016 |
-
<a class="title" href="/video/du-doan-ty-so-thai-lan-vs-viet-nam-than-rua-ali-33-chon-doi-nao-983092608.html">Dự đoán tỷ số Thái Lan vs Việt Nam: Thần Rùa Ali 33 chọn đội nào?</a>
|
| 1017 |
-
<span class="info">
|
| 1018 |
-
19:18 ngày 20/08/2026
|
| 1019 |
-
</span>
|
| 1020 |
-
<span class="info">
|
| 1021 |
-
</span>
|
| 1022 |
-
</div>
|
| 1023 |
-
</div>
|
| 1024 |
-
<div class="col m12 w3">
|
| 1025 |
-
<div class="news">
|
| 1026 |
-
<a class="thumb" href="/video/truyen-thong-anh-dac-biet-chu-y-den-ngoi-no-cua-dt-viet-nam-983072608.html"><img alt="Truyền thông Anh đặc biệt chú ý đến 'ngòi nổ' của ĐT Việt Nam" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/20/26/xuan-son.jpg" /></a>
|
| 1027 |
-
<a class="title" href="/video/truyen-thong-anh-dac-biet-chu-y-den-ngoi-no-cua-dt-viet-nam-983072608.html">Truyền thông Anh đặc biệt chú ý đến 'ngòi nổ' của ĐT Việt Nam</a>
|
| 1028 |
-
<span class="info">
|
| 1029 |
-
19:18 ngày 20/08/2026
|
| 1030 |
-
</span>
|
| 1031 |
-
<span class="info">
|
| 1032 |
-
</span>
|
| 1033 |
-
</div>
|
| 1034 |
-
</div>
|
| 1035 |
-
<div class="col m12 w3">
|
| 1036 |
-
<div class="news">
|
| 1037 |
-
<a class="thumb" href="/video/dt-viet-nam-co-mat-tai-thai-lan-ao-trang-van-chua-bi-thay-kim-vut-het-983082608.html"><img alt="ĐT Việt Nam có mặt tại Thái Lan, áo trắng vẫn chưa bị thầy Kim bỏ hết" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/20/26/Kim-Sang-Sik.jpg" /></a>
|
| 1038 |
-
<a class="title" href="/video/dt-viet-nam-co-mat-tai-thai-lan-ao-trang-van-chua-bi-thay-kim-vut-het-983082608.html">ĐT Việt Nam có mặt tại Thái Lan, áo trắng vẫn chưa bị thầy Kim bỏ hết</a>
|
| 1039 |
-
<span class="info">
|
| 1040 |
-
17:32 ngày 20/08/2026
|
| 1041 |
-
</span>
|
| 1042 |
-
<span class="info">
|
| 1043 |
-
</span>
|
| 1044 |
-
</div>
|
| 1045 |
-
</div>
|
| 1046 |
-
</div>
|
| 1047 |
-
</div>
|
| 1048 |
-
<div class="clz"></div>
|
| 1049 |
-
</section>
|
| 1050 |
-
|
| 1051 |
-
|
| 1052 |
-
|
| 1053 |
-
<div class="clx"></div>
|
| 1054 |
-
<center><div id="ADBOT" class="banner adweb admob" banner-adpos="footer"></div></center>
|
| 1055 |
-
</main>
|
| 1056 |
-
|
| 1057 |
-
<style>
|
| 1058 |
-
.iframpanel {
|
| 1059 |
-
width: 100%;
|
| 1060 |
-
max-width: 500px;
|
| 1061 |
-
height: 560px;
|
| 1062 |
-
overflow: hidden;
|
| 1063 |
-
}
|
| 1064 |
-
|
| 1065 |
-
</style>
|
| 1066 |
-
<div class="paner-wrap">
|
| 1067 |
-
<div class="over-layer hide"></div>
|
| 1068 |
-
<div id="loginview" class="login-box paner hide iframpanel">
|
| 1069 |
-
<div class="pan-capt">
|
| 1070 |
-
<i class="pan-close" data-action="hide"></i>
|
| 1071 |
-
</div>
|
| 1072 |
-
|
| 1073 |
-
|
| 1074 |
-
<iframe src="https://member.bongdaplus.vn/Identity/Account/Login?ReturnUrl=%2FHome%2FLoginFromBongdaplus" frameborder="0" style="overflow:hidden;height:100%;width:100%"></iframe>
|
| 1075 |
-
|
| 1076 |
-
</div>
|
| 1077 |
-
<div id="commentloginview" class="login-box paner hide iframpanel">
|
| 1078 |
-
|
| 1079 |
-
|
| 1080 |
-
<iframe src="https://member.bongdaplus.vn/Identity/Account/Login?ReturnUrl=%2FHome%2FCommentLoginFromBongdaplus" frameborder="0" style="overflow:hidden;height:100%;width:100%"></iframe>
|
| 1081 |
-
|
| 1082 |
-
</div>
|
| 1083 |
-
</div>
|
| 1084 |
-
<input type="hidden" id="txtFullname" value="" />
|
| 1085 |
-
<input type="hidden" id="txtUserid" value="" />
|
| 1086 |
-
|
| 1087 |
-
|
| 1088 |
-
|
| 1089 |
-
|
| 1090 |
-
|
| 1091 |
-
|
| 1092 |
-
<center><div id="ADFT" class="banner adweb admob" banner-adpos="footer"></div></center>
|
| 1093 |
-
<footer>
|
| 1094 |
-
<div class="cont-wrap">
|
| 1095 |
-
<div class="row">
|
| 1096 |
-
<div class="col m12 w3">
|
| 1097 |
-
<div class="caption">Tạp chí điện tử Bóng đá</div>
|
| 1098 |
-
</div>
|
| 1099 |
-
<div class="col m12 w6">
|
| 1100 |
-
<p>Giấy phép số 48/GP-BTTTT cấp ngày 05/02/2020</p>
|
| 1101 |
-
<p>Tổng biên tập: <b>Vũ Khắc Sơn</b></p>
|
| 1102 |
-
<p>Phó tổng biên tập: <b>Nguyễn Hà Thanh</b></p>
|
| 1103 |
-
<div class="hide-w">
|
| 1104 |
-
<p>Địa chỉ: <b>Tầng 6, Tòa nhà Licogi 13 Tower, 164 đường Khuất Duy Tiến, phường Thanh Xuân, Thành phố Hà Nội</b></p>
|
| 1105 |
-
<p>Văn phòng giao dịch: <b>Tầng 5-6-7, toà nhà LĐBĐVN, số 18 Lý Văn Phức, phường Ô Chợ Dừa, Hà Nội</b></p>
|
| 1106 |
-
<p>Điện thoại: <b>(84.24) 3554 1188 - (84.24) 3554 1199</b></p>
|
| 1107 |
-
<p>
|
| 1108 |
-
Email: <a href="mailto:toasoan@bongdaplus.vn"><b>toasoan@bongdaplus.vn</b></a> |
|
| 1109 |
-
<a href="mailto:vanphong@bongdaplus.vn"><b>vanphong@bongdaplus.vn</b></a>
|
| 1110 |
-
</p>
|
| 1111 |
-
<div class="spl"></div>
|
| 1112 |
-
<p class="caption">Liên hệ quảng cáo</p>
|
| 1113 |
-
<p>Hotline: <b>0903 203 412</b></p>
|
| 1114 |
-
<p>Email: <a href="mailto:tien.nguyen@giaminhmedia.vn"><b>tien.nguyen@giaminhmedia.vn</b></a></p>
|
| 1115 |
-
</div>
|
| 1116 |
-
</div>
|
| 1117 |
-
<div class="col m12 w3">
|
| 1118 |
-
<ul class="bar social-lnk rgt-w">
|
| 1119 |
-
<li class="hide-m">Theo dõi thông tin</li>
|
| 1120 |
-
<li><a class="ico vff-lnk" href="https://vff.org.vn/" target="_blank" rel="nofollow"></a></li>
|
| 1121 |
-
<li><a class="ico fb-lnk" href="https://www.facebook.com/BaoBongDa/"></a></li>
|
| 1122 |
-
<li><a class="ico yt-lnk" href="https://www.youtube.com/channel/UCvDYMBE6GipX2VGacqOU2_Q"></a></li>
|
| 1123 |
-
</ul>
|
| 1124 |
-
</div>
|
| 1125 |
-
</div>
|
| 1126 |
-
<div class="foot-menu">
|
| 1127 |
-
<ul class="bar hide-m">
|
| 1128 |
-
<li><a href="#" data-showpaner="#contactview">Thông tin tòa soạn</a></li>
|
| 1129 |
-
<li><a href="#" data-showpaner="#advertview">Liên hệ quảng cáo</a></li>
|
| 1130 |
-
</ul>
|
| 1131 |
-
<div class="copy-rgt">
|
| 1132 |
-
Bản quyền ©2011 Bongdaplus.vn. Chỉ được phát hành lại thông tin khi
|
| 1133 |
-
có sự đồng ý bằng văn bản của Tạp chí điện tử Bóng đá
|
| 1134 |
-
</div>
|
| 1135 |
-
<div class="clx hide-m"></div>
|
| 1136 |
-
</div>
|
| 1137 |
-
</div>
|
| 1138 |
-
</footer>
|
| 1139 |
-
|
| 1140 |
-
<div class="paner-wrap">
|
| 1141 |
-
<div class="over-layer hide"></div>
|
| 1142 |
-
<div id="contactview" class="contact-box paner hide">
|
| 1143 |
-
<div class="pan-capt">
|
| 1144 |
-
<div class="pan-title">Thông tin Toà soạn</div>
|
| 1145 |
-
<i class="pan-close" data-action="hide"></i>
|
| 1146 |
-
</div>
|
| 1147 |
-
<div class="pan-cont">
|
| 1148 |
-
<div class="xcap lead tx-prime tx-cen">Tạp chí Điện tử Bóng Đá</div>
|
| 1149 |
-
<div class="row">
|
| 1150 |
-
<div class="col w3 tx-base tx-rgt">Tổng biên tập:</div>
|
| 1151 |
-
<div class="col w9"><b>Vũ Khắc Sơn</b></div>
|
| 1152 |
-
<div class="clx"></div>
|
| 1153 |
-
<div class="col w3 tx-base tx-rgt">Phó Tổng biên tập:</div>
|
| 1154 |
-
<div class="col w9">
|
| 1155 |
-
<b>Nguyễn Hà Thanh</b>
|
| 1156 |
-
</div>
|
| 1157 |
-
</div>
|
| 1158 |
-
<div class="splt"></div>
|
| 1159 |
-
<div class="row">
|
| 1160 |
-
<div class="col w3 tx-base tx-rgt">Địa chỉ:</div>
|
| 1161 |
-
<div class="col w9"><b>Tầng 6, Tòa nhà Licogi 13 Tower, 164 đường Khuất Duy Tiến, phường Thanh Xuân, Thành phố Hà Nội</b></div>
|
| 1162 |
-
<div class="col w3 tx-base tx-rgt">Văn phòng giao dịch:</div>
|
| 1163 |
-
<div class="col w9"><b>Tầng 5-6-7, toà nhà LĐBĐVN, số 18 Lý Văn Phức, phường Ô Chợ Dừa, Hà Nội</b></div>
|
| 1164 |
-
<div class="col w3 tx-base tx-rgt">Tel:</div>
|
| 1165 |
-
<div class="col w9"><b>(84.24) 3554 1188 - (84.24) 3554 1199</b></div>
|
| 1166 |
-
<div class="col w3 tx-base tx-rgt">Fax:</div>
|
| 1167 |
-
<div class="col w9"><b>(84.24) 3553 9898</b></div>
|
| 1168 |
-
<div class="col w3 tx-base tx-rgt">Email:</div>
|
| 1169 |
-
<div class="col w9">
|
| 1170 |
-
<a href="mailto:toasoan@bongdaplus.vn"><b>toasoan@bongdaplus.vn</b></a>
|
| 1171 |
-
<a href="mailto:vanphong@bongdaplus.vn"><b>vanphong@bongdaplus.vn</b></a>
|
| 1172 |
-
</div>
|
| 1173 |
-
</div>
|
| 1174 |
-
</div>
|
| 1175 |
-
</div>
|
| 1176 |
-
|
| 1177 |
-
<div id="advertview" class="contact-box paner hide">
|
| 1178 |
-
<div class="pan-capt">
|
| 1179 |
-
<div class="pan-title">Thông tin Liên hệ</div>
|
| 1180 |
-
<i class="pan-close" data-action="hide"></i>
|
| 1181 |
-
</div>
|
| 1182 |
-
<div class="pan-cont">
|
| 1183 |
-
<div class="xcap lead tx-prime tx-cen">Tạp chí Điện tử Bóng Đá</div>
|
| 1184 |
-
<div class="row">
|
| 1185 |
-
<div class="col w4 tx-base tx-rgt">Hotline:</div>
|
| 1186 |
-
<div class="col w8"><b>0903 203 412</b></div>
|
| 1187 |
-
<div class="col w4 tx-base tx-rgt">Email:</div>
|
| 1188 |
-
<div class="col w8"><a href="mailto:tien.nguyen@giaminhmedia.vn"><b>tien.nguyen@giaminhmedia.vn</b></a></div>
|
| 1189 |
-
</div>
|
| 1190 |
-
<p class="tx-base">Địa chỉ liên hệ:</p>
|
| 1191 |
-
<b>Tầng 6, Tòa nhà Licogi 13 Tower, 164 đường Khuất Duy Tiến, phường Thanh Xuân, Thành phố Hà Nội</b>
|
| 1192 |
-
<p class="tx-base">Văn phòng giao dịch:</p>
|
| 1193 |
-
<b>Tầng 5-6-7, toà nhà LĐBĐVN, số 18 Lý Văn Phức, phường Ô Chợ Dừa, Hà Nội</b>
|
| 1194 |
-
</div>
|
| 1195 |
-
</div>
|
| 1196 |
-
|
| 1197 |
-
|
| 1198 |
-
<div id="loginview" class="login-box paner hide">
|
| 1199 |
-
<div class="pan-capt">
|
| 1200 |
-
<div class="pan-title">Đăng nhập</div>
|
| 1201 |
-
<i class="pan-close" data-action="hide"></i>
|
| 1202 |
-
</div>
|
| 1203 |
-
<div class="pan-cont">
|
| 1204 |
-
<form class="soc-auth" action="#">
|
| 1205 |
-
<button><i class="ico gg-color"></i>Google</button>
|
| 1206 |
-
<button><i class="ico fb-color"></i>Facebook</button>
|
| 1207 |
-
</form>
|
| 1208 |
-
<div class="clx"></div>
|
| 1209 |
-
<div class="splt"><span>hoặc</span></div>
|
| 1210 |
-
<form class="loginer" action="//member.bongdaplus.vn/Identity/Account/Login?ReturnUrl=/" method="post">
|
| 1211 |
-
<p>Email:</p>
|
| 1212 |
-
<label class="txt-fld" for="email">
|
| 1213 |
-
<input id="email" name="Input.Email" type="email" />
|
| 1214 |
-
<span>Nhập địa chỉ email của bạn</span>
|
| 1215 |
-
</label>
|
| 1216 |
-
<label class="err-fld hide" for="email">Địa chỉ email không được để trống</label>
|
| 1217 |
-
<p>Mật khẩu:</p>
|
| 1218 |
-
<label class="txt-fld" for="passw">
|
| 1219 |
-
<input id="passw" name="Input.Password" type="password" data-required="Mật khẩu không được để trống" />
|
| 1220 |
-
<span>Nhập mật khẩu của bạn</span>
|
| 1221 |
-
</label>
|
| 1222 |
-
<label class="err-fld hide" for="passw">Mật khẩu không được để trống</label>
|
| 1223 |
-
<p class="ft-sm tx-rgt"><a class="fg-psw" href="#" data-action="hide" data-showpaner="#forgetview">Quên mật khẩu?</a></p>
|
| 1224 |
-
<label class="rdo-fld" for="persist">
|
| 1225 |
-
<input id="persist" name="Input.RememberMe" type="checkbox" />
|
| 1226 |
-
Ghi nhớ thông tin đăng nhập
|
| 1227 |
-
</label>
|
| 1228 |
-
<br>
|
| 1229 |
-
<div class="fld-box">
|
| 1230 |
-
<button class="btn major" type="submit">Đăng nhập</button>
|
| 1231 |
-
</div>
|
| 1232 |
-
<p class="ft-sm tx-cen">
|
| 1233 |
-
Bạn chưa có tài khoản?
|
| 1234 |
-
<a class="act-now" href="#" data-action="hide" data-showpaner="#registview">Đăng ký ngay</a>
|
| 1235 |
-
</p>
|
| 1236 |
-
</form>
|
| 1237 |
-
</div>
|
| 1238 |
-
</div>
|
| 1239 |
-
</div>
|
| 1240 |
-
|
| 1241 |
-
<script src="/lib/jquery/dist/jquery.min.js"></script>
|
| 1242 |
-
<script src="/js/js_cookie.min.js?v=0H3Nuz3aug3afVbUlsu12Puxva3CP4EhJtPExqs54Vg"></script>
|
| 1243 |
-
<script src="/js/bongdaplus.js?v=gIIX1pYQ8DB66N40YPyoHGaBgBFoHkPMMCARX4L6NdA"></script>
|
| 1244 |
-
<script src="/js/premium.js?v=mbXB8QoXMl1zoEFSeE6z-mwQTb0ot7C8zj_F8JqsvNc"></script>
|
| 1245 |
-
|
| 1246 |
-
<script>var _ad_info_code = 'mda/video';</script>
|
| 1247 |
-
<script src="/js/advloader.js?v=dvvR0ygTjyYzNcQmQ_dI5bwYeX2Ww0nBjBBmCt9DWjQ"></script>
|
| 1248 |
-
|
| 1249 |
-
</body>
|
| 1250 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
bdp_page.html
DELETED
|
@@ -1,1250 +0,0 @@
|
|
| 1 |
-
<!DOCTYPE html>
|
| 2 |
-
<html lang="en">
|
| 3 |
-
<head>
|
| 4 |
-
<title>Hull City vs MU: Quỷ Đỏ vào hang bắt hổ - Bongdaplus.vn</title>
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
<meta name="MobileOptimized" content="100" />
|
| 8 |
-
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
| 9 |
-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
| 10 |
-
<meta http-equiv="content-language" content="vi" />
|
| 11 |
-
<meta http-equiv="refresh" content="300" />
|
| 12 |
-
<meta property="fb:pages" content="1738672379699789" />
|
| 13 |
-
<meta property="dable:item_id" content="2015111202028" />
|
| 14 |
-
<meta property="og:image" itemprop="thumbnailUrl" content="https://bongdaplus.vn/img/logo-daily.png" />
|
| 15 |
-
<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
|
| 16 |
-
<link href="/favicon.svg" rel="icon" sizes="any" type="image/svg+xml" />
|
| 17 |
-
<link href="/apple-touch-icon.png" rel="apple-touch-icon" />
|
| 18 |
-
<!--iPhone icons-->
|
| 19 |
-
<link href="/logo-57.png" rel="apple-touch-icon-precomposed" sizes="57x57" />
|
| 20 |
-
<link href="/logo-114.png" rel="apple-touch-icon-precomposed" sizes="114x114" />
|
| 21 |
-
<!--iPad icons-->
|
| 22 |
-
<link href="/logo-72.png" rel="apple-touch-icon-precomposed" sizes="72x72" />
|
| 23 |
-
<link href="/logo-114.png" rel="apple-touch-icon-precomposed" sizes="114x114" />
|
| 24 |
-
<!--Android icon-->
|
| 25 |
-
<link href="/logo-114.png" rel="apple-touch-icon-precomposed" sizes="1x1" />
|
| 26 |
-
<!--Symbian icon-->
|
| 27 |
-
<link href="/logo-57.png" rel="nokia-touch-icon" sizes="57x57" />
|
| 28 |
-
<link rel="preconnect" href="https://fonts.googleapis.com">
|
| 29 |
-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
| 30 |
-
<link href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
|
| 31 |
-
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
|
| 32 |
-
<link href="/css/premium.css?id=0000&v=ivL0rSTnUIBx45p3hw7UIAzbXjyQ9rgPVSyjqPglN_o" rel="stylesheet">
|
| 33 |
-
|
| 34 |
-
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-20374657-1"></script>
|
| 35 |
-
<script>
|
| 36 |
-
window.dataLayer = window.dataLayer || [];
|
| 37 |
-
function gtag() { dataLayer.push(arguments); }
|
| 38 |
-
gtag('js', new Date());
|
| 39 |
-
|
| 40 |
-
gtag('config', 'UA-20374657-1');
|
| 41 |
-
</script>
|
| 42 |
-
<!-- Google tag (gtag.js) -->
|
| 43 |
-
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Y1DBNQWMVW"></script>
|
| 44 |
-
<script>
|
| 45 |
-
window.dataLayer = window.dataLayer || [];
|
| 46 |
-
function gtag() { dataLayer.push(arguments); }
|
| 47 |
-
gtag('js', new Date());
|
| 48 |
-
|
| 49 |
-
gtag('config', 'G-Y1DBNQWMVW');
|
| 50 |
-
</script>
|
| 51 |
-
|
| 52 |
-
<script async src="https://static.amcdn.vn/tka/cdn.js" type="text/javascript"></script>
|
| 53 |
-
<script>var arfAsync = arfAsync || [];</script>
|
| 54 |
-
<script id="arf-core-js" onerror="window.arferrorload=true;" src="//media1.admicro.vn/cms/Arf.min.js" async></script>
|
| 55 |
-
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3619133031508264" crossorigin="anonymous"></script>
|
| 56 |
-
</head>
|
| 57 |
-
<body>
|
| 58 |
-
<script type="application/ld+json">
|
| 59 |
-
{
|
| 60 |
-
"@context": "https://schema.org",
|
| 61 |
-
"@type": "Organization",
|
| 62 |
-
"name": "TẠP CHÍ ĐIỆN TỬ BÓNG ĐÁ - BONGDAPLUS",
|
| 63 |
-
"url": "https://bongdaplus.vn",
|
| 64 |
-
"logo": "https://bongdaplus.vn/img/logo.png",
|
| 65 |
-
"contactPoint": {
|
| 66 |
-
"@type": "ContactPoint",
|
| 67 |
-
"telephone": "(84.24)35541188",
|
| 68 |
-
"contactType": "customer service",
|
| 69 |
-
"areaServed": "VN",
|
| 70 |
-
"availableLanguage": "Vietnamese"
|
| 71 |
-
},
|
| 72 |
-
"sameAs": [
|
| 73 |
-
"https://www.facebook.com/baobongda",
|
| 74 |
-
"https://www.youtube.com/channel/UCvDYMBE6GipX2VGacqOU2_Q",
|
| 75 |
-
"https://bongdaplus.vn",
|
| 76 |
-
"https://www.pinterest.com/bongdaplus",
|
| 77 |
-
"https://soundcloud.com/baobongda"
|
| 78 |
-
]
|
| 79 |
-
}
|
| 80 |
-
</script>
|
| 81 |
-
<header>
|
| 82 |
-
<center><div id="ADMTOP" class="banner admob" banner-adpos="top"></div></center>
|
| 83 |
-
|
| 84 |
-
<div class="cont-wrap">
|
| 85 |
-
<div class="mmnu-nav">
|
| 86 |
-
<button class="ico mnu-sch mmnu-trigger hide-w"></button>
|
| 87 |
-
<button class="ico menubar mmnu-trigger hide-m"></button>
|
| 88 |
-
<button class="ico close mmnu-closer hide"></button>
|
| 89 |
-
</div>
|
| 90 |
-
<a class="logo" href="/"></a>
|
| 91 |
-
<button class="ico bell hide-w hide"></button>
|
| 92 |
-
|
| 93 |
-
<div class="authen-nav dropper">
|
| 94 |
-
<a class="member">
|
| 95 |
-
<span class="avatar">
|
| 96 |
-
</span>
|
| 97 |
-
</a>
|
| 98 |
-
<div class="drop-down rgt">
|
| 99 |
-
<ul class="lst">
|
| 100 |
-
|
| 101 |
-
<li><a href="#" data-showpaner="#loginview">Đăng nhập</a></li>
|
| 102 |
-
<li><a href="https://member.bongdaplus.vn/Identity/Account/Register?returnUrl=%2F" target="_blank">Tạo tài khoản</a></li>
|
| 103 |
-
|
| 104 |
-
|
| 105 |
-
</ul>
|
| 106 |
-
</div>
|
| 107 |
-
</div>
|
| 108 |
-
</div>
|
| 109 |
-
</header>
|
| 110 |
-
<input type="hidden" id="catrefid" value="video" />
|
| 111 |
-
<input type="hidden" id="objectid" value="98267" />
|
| 112 |
-
<input type="hidden" id="objecttype" value="1" />
|
| 113 |
-
<input type="hidden" id="parentid" value="0" />
|
| 114 |
-
<input type="hidden" id="commentnum" value="0" />
|
| 115 |
-
<img src="/imgthumbnail/98267/1/1" alt="" height="0" width="0" />
|
| 116 |
-
|
| 117 |
-
<main>
|
| 118 |
-
<div class="nav-menu">
|
| 119 |
-
<div class="menu-bar">
|
| 120 |
-
<div class="cont-wrap">
|
| 121 |
-
<div class="menu-side">
|
| 122 |
-
<ul class="bar-w">
|
| 123 |
-
<li><a class="ico home" href="/"></a></li>
|
| 124 |
-
<li><a title="AFF Cup" href="/aff-cup">AFF Cup</a></li>
|
| 125 |
-
<li class="popover">
|
| 126 |
-
<a title="Việt Nam" href="/bong-da-viet-nam">Việt Nam</a>
|
| 127 |
-
<div class="drop-down">
|
| 128 |
-
<ul class="lst">
|
| 129 |
-
<li><a title="V-League" href="/v-league">V-League</a></li>
|
| 130 |
-
<li><a title="Hạng Nhất" href="/hang-nhat-quoc-gia">Hạng Nhất</a></li>
|
| 131 |
-
<li><a title="Cúp Quốc gia" href="/cup-quoc-gia">Cúp Quốc gia</a></li>
|
| 132 |
-
<li><a title="ĐTQG" href="/doi-tuyen-quoc-gia-viet-nam">ĐTQG</a></li>
|
| 133 |
-
<li><a title="Bóng đá Nữ" href="/bong-da-nu-viet-nam">Bóng đá Nữ</a></li>
|
| 134 |
-
<li><a title="U17 Quốc gia" href="/u17-viet-nam">U17 Quốc gia</a></li>
|
| 135 |
-
<li><a title="U19 Quốc Gia" href="/u19-viet-nam">U19 Quốc Gia</a></li>
|
| 136 |
-
<li><a title="U21 Quốc Gia" href="/u21-viet-nam">U21 Quốc Gia</a></li>
|
| 137 |
-
<li><a title="Các đội tuyển trẻ" href="/cac-doi-tuyen-tre-viet-nam">Các đội tuyển trẻ</a></li>
|
| 138 |
-
<li><a title="Futsal" href="/futsal">Futsal</a></li>
|
| 139 |
-
<li><a title="Phong trào" href="/bong-da-phong-trao">Phong trào</a></li>
|
| 140 |
-
<li><a title="Đơn vị Kết nghĩa" href="/ket-nghia-anh-em">Đơn vị Kết nghĩa</a></li>
|
| 141 |
-
</ul>
|
| 142 |
-
</div>
|
| 143 |
-
</li>
|
| 144 |
-
<li class="popover">
|
| 145 |
-
<a title="Chuyển nhượng" href="/tin-chuyen-nhuong">Chuyển nhượng</a>
|
| 146 |
-
<div class="drop-down">
|
| 147 |
-
<ul class="lst">
|
| 148 |
-
<li><a title="Tin chuyển nhượng Ngoại Hạng Anh" href="/tin-chuyen-nhuong-ngoai-hang-anh">Tin chuyển nhượng Ngoại Hạng Anh</a></li>
|
| 149 |
-
<li><a title="Tin chuyển nhượng V-league" href="/tin-chuyen-nhuong-v-league">Tin chuyển nhượng V-league</a></li>
|
| 150 |
-
</ul>
|
| 151 |
-
</div>
|
| 152 |
-
</li>
|
| 153 |
-
<li><a title="Champions League" href="/champions-league-cup-c1">Champions League</a></li>
|
| 154 |
-
<li class="popover">
|
| 155 |
-
<a title="Tây Ban Nha" href="/bong-da-tay-ban-nha">Tây Ban Nha</a>
|
| 156 |
-
<div class="drop-down">
|
| 157 |
-
<ul class="lst">
|
| 158 |
-
<li><a title="VĐQG Tây Ban Nha" href="/la-liga">VĐQG Tây Ban Nha</a></li>
|
| 159 |
-
<li><a title="Cúp Nhà Vua" href="/cup-nha-vua-tay-ban-nha">Cúp Nhà Vua</a></li>
|
| 160 |
-
<li><a title="Đội tuyển TBN" href="/doi-tuyen-tay-ban-nha">Đội tuyển TBN</a></li>
|
| 161 |
-
</ul>
|
| 162 |
-
</div>
|
| 163 |
-
</li>
|
| 164 |
-
<li class="popover">
|
| 165 |
-
<a title="Pháp" href="/bong-da-phap">Pháp</a>
|
| 166 |
-
<div class="drop-down">
|
| 167 |
-
<ul class="lst">
|
| 168 |
-
<li><a title="VĐQG Pháp" href="/ligue-1">VĐQG Pháp</a></li>
|
| 169 |
-
<li><a title="Cúp Quốc gia Pháp" href="/cup-quoc-gia-phap">Cúp Quốc gia Pháp</a></li>
|
| 170 |
-
<li><a title="Đội tuyển Pháp" href="/doi-tuyen-phap">Đội tuyển Pháp</a></li>
|
| 171 |
-
</ul>
|
| 172 |
-
</div>
|
| 173 |
-
</li>
|
| 174 |
-
<li class="popover">
|
| 175 |
-
<a title="Italia" href="/bong-da-y">Italia</a>
|
| 176 |
-
<div class="drop-down">
|
| 177 |
-
<ul class="lst">
|
| 178 |
-
<li><a title="VĐQG Italia" href="/serie-a">VĐQG Italia</a></li>
|
| 179 |
-
<li><a title="Coppa Italia" href="/coppa-italia">Coppa Italia</a></li>
|
| 180 |
-
<li><a title="Đội tuyển Italia" href="/doi-tuyen-y">Đội tuyển Italia</a></li>
|
| 181 |
-
</ul>
|
| 182 |
-
</div>
|
| 183 |
-
</li>
|
| 184 |
-
<li class="popover">
|
| 185 |
-
<a title="Thể thao" href="/the-thao">Thể thao</a>
|
| 186 |
-
<div class="drop-down">
|
| 187 |
-
<ul class="lst">
|
| 188 |
-
<li><a title="eSports" href="/esports">eSports</a></li>
|
| 189 |
-
<li><a title="Tennis" href="/tennis">Tennis</a></li>
|
| 190 |
-
<li><a title="Pickleball" href="/pickleball">Pickleball</a></li>
|
| 191 |
-
<li><a title="MMA" href="/mma">MMA</a></li>
|
| 192 |
-
<li><a title="Đua xe F1" href="/dua-xe-f1">Đua xe F1</a></li>
|
| 193 |
-
<li><a title="Bóng rổ" href="/bong-ro">Bóng rổ</a></li>
|
| 194 |
-
<li><a title="Olympic 2028" href="/olympic">Olympic 2028</a></li>
|
| 195 |
-
</ul>
|
| 196 |
-
</div>
|
| 197 |
-
</li>
|
| 198 |
-
<li><a title="Nhận định bóng đá" href="/nhan-dinh-bong-da-tags">Nhận định</a></li>
|
| 199 |
-
<li><a title="Multimedia" href="/video">Multimedia</a></li>
|
| 200 |
-
<li class="hide"><a title="Bongdaplus Premium" href="/premium">Premium <i class="ico crown"></i></a></li>
|
| 201 |
-
</ul>
|
| 202 |
-
</div>
|
| 203 |
-
<div class="menu-nav">
|
| 204 |
-
<a class="ico home hide-w" href="/"></a>
|
| 205 |
-
<ul class="nav">
|
| 206 |
-
<li class="hide-m"><i class="sepr"></i></li>
|
| 207 |
-
<li><a href="/tin-moi">Mới nhất</a></li>
|
| 208 |
-
<li class="hide-w"><a title="Bongdaplus Premium" href="/premium">Premium <i class="ico crown"></i></a></li>
|
| 209 |
-
<li><a title="Anh" href="/bong-da-anh">Bóng đá Anh</a></li>
|
| 210 |
-
<li class="hide-w"><a title="AFF Cup" href="/aff-cup">AFF Cup</a></li>
|
| 211 |
-
<li class="hide-w"><a title="Việt Nam" href="/bong-da-viet-nam">Việt Nam</a></li>
|
| 212 |
-
<li class="hide-w"><a title="Chuyển nhượng" href="/tin-chuyen-nhuong">Chuyển nhượng</a></li>
|
| 213 |
-
<li class="hide-w"><a title="Champions League" href="/champions-league-cup-c1">Champions League</a></li>
|
| 214 |
-
<li class="hide-w"><a title="Tây Ban Nha" href="/bong-da-tay-ban-nha">Tây Ban Nha</a></li>
|
| 215 |
-
<li class="hide-w"><a title="Pháp" href="/bong-da-phap">Pháp</a></li>
|
| 216 |
-
<li class="hide-w"><a title="Italia" href="/bong-da-y">Italia</a></li>
|
| 217 |
-
<li class="hide-w"><a title="Thể thao" href="/the-thao">Thể thao</a></li>
|
| 218 |
-
<li class="hide-w"><a title="Nhận định" href="/nhan-dinh-bong-da-tags">Nhận định</a></li>
|
| 219 |
-
<li class="hide-w"><a title="Thế giới" href="/the-gioi">Thế giới</a></li>
|
| 220 |
-
<li class="hide-w"><a title="Multimedia" href="/video">Multimedia</a></li>
|
| 221 |
-
<li class="hide-w"><a title="Bóng đá Cuộc sống" href="/bong-da-cuoc-song">Bóng đá Cuộc sống</a></li>
|
| 222 |
-
</ul>
|
| 223 |
-
<div class="srch-bar hide-m">
|
| 224 |
-
<button class="ico close"></button>
|
| 225 |
-
<form class="srch-form" action="/tim-kiem">
|
| 226 |
-
<input class="pattern toggler" name="q" type="text" placeholder="Nhập nội dung cần tìm" />
|
| 227 |
-
</form>
|
| 228 |
-
</div>
|
| 229 |
-
</div>
|
| 230 |
-
</div>
|
| 231 |
-
</div>
|
| 232 |
-
<div class="clr"></div>
|
| 233 |
-
</div>
|
| 234 |
-
<div class="mob-menu">
|
| 235 |
-
<div class="mmnu-cap">
|
| 236 |
-
<button class="ico close" data-action="hide"></button>
|
| 237 |
-
<a class="logo" href="/"></a>
|
| 238 |
-
</div>
|
| 239 |
-
<form class="mmnu-sch " action="/tim-kiem">
|
| 240 |
-
<input type="text" name="q">
|
| 241 |
-
<button class="ico search" type="submit"></button>
|
| 242 |
-
</form>
|
| 243 |
-
<div class="mmnu-lst">
|
| 244 |
-
<div class="menu-row">
|
| 245 |
-
<ul class="bar">
|
| 246 |
-
<li class="exp">
|
| 247 |
-
<a class="major" title="Tin mới nhất" href="/tin-moi"><span class="ico blinkr"></span> Mới nhất</a>
|
| 248 |
-
</li>
|
| 249 |
-
<li>
|
| 250 |
-
<ul class="lst">
|
| 251 |
-
<li><a class="fst" title="Nh���n định Bóng đá" href="/nhan-dinh-bong-da-tags">Nhận định</a></li>
|
| 252 |
-
</ul>
|
| 253 |
-
</li>
|
| 254 |
-
<li>
|
| 255 |
-
<ul class="lst">
|
| 256 |
-
<li><a class="fst" title="Lịch thi đấu bóng đá" href="/lich-thi-dau-bong-da">Lịch thi đấu</a></li>
|
| 257 |
-
</ul>
|
| 258 |
-
</li>
|
| 259 |
-
<li class="exp"></li>
|
| 260 |
-
<li class="exp"><a class="major" title="Bóng đá Plus Premium" href="/premium">Bóng đá Premium <i class="ico crown"></i></a></li>
|
| 261 |
-
<li>
|
| 262 |
-
<ul class="lst">
|
| 263 |
-
<li><a class="fst" title="Bóng đá Việt Nam" href="/bong-da-viet-nam">Bóng đá Việt Nam</a></li>
|
| 264 |
-
<li><a title="Đội tuyển Việt Nam" href="/doi-tuyen-quoc-gia-viet-nam">Đội tuyển Việt Nam</a></li>
|
| 265 |
-
<li><a title="V.League" href="/v-league">V.League</a></li>
|
| 266 |
-
<li><a title="Hạng Nhất" href="/hang-nhat-viet-nam">Hạng Nhất</a></li>
|
| 267 |
-
<li><a title="Cúp Quốc gia" href="/cup-quoc-gia-viet-nam">Cúp Quốc gia</a></li>
|
| 268 |
-
<li><a title="Bóng đá nữ" href="/bong-da-nu-viet-nam">Bóng đá nữ</a></li>
|
| 269 |
-
<li><a title="Futsal" href="/futsal">Futsal</a></li>
|
| 270 |
-
<li><a title="Phong trào" href="/bong-da-phong-trao">Bóng đá Phong trào</a></li>
|
| 271 |
-
<li><a title="Chuyển nhượng V.League" href="/tin-chuyen-nhuong-v-league">Chuyển nhượng</a></li>
|
| 272 |
-
</ul>
|
| 273 |
-
</li>
|
| 274 |
-
<li>
|
| 275 |
-
<ul class="lst">
|
| 276 |
-
<li><a class="fst" title="Bóng đá Anh" href="/bong-da-anh">Bóng đá Anh</a></li>
|
| 277 |
-
<li><a title="Đội tuyển Anh" href="/doi-tuyen-anh">Đội tuyển Anh</a></li>
|
| 278 |
-
<li><a title="Ngoại hạng Anh" href="/ngoai-hang-anh">Ngoại hạng Anh</a></li>
|
| 279 |
-
<li><a title="FA Cup" href="/fa-cup">FA Cup</a></li>
|
| 280 |
-
<li><a title="League Cup" href="/cup-lien-doan-anh">League Cup</a></li>
|
| 281 |
-
</ul>
|
| 282 |
-
<div class="clx"></div>
|
| 283 |
-
<ul class="lst">
|
| 284 |
-
<li><a class="fst" title="Tây Ban nha" href="/bong-da-tay-ban-nha">Tây Ban nha</a></li>
|
| 285 |
-
<li><a title="Đội tuyển TBN" href="/doi-tuyen-tay-ban-nha">Đội tuyển TBN</a></li>
|
| 286 |
-
<li><a title="La Liga" href="/la-liga">La Liga</a></li>
|
| 287 |
-
<li><a title="Cúp Nhà Vua" href="/cup-nha-vua-tay-ban-nha">Cúp Nhà Vua</a></li>
|
| 288 |
-
</ul>
|
| 289 |
-
</li>
|
| 290 |
-
<li class="exp"></li>
|
| 291 |
-
<li>
|
| 292 |
-
<ul class="lst">
|
| 293 |
-
<li><a class="fst" title="Bóng đá Pháp" href="/bong-da-phap">Bóng đá Pháp</a></li>
|
| 294 |
-
<li><a title="Đội tuyển Pháp" href="/doi-tuyen-phap">Đội tuyển Pháp</a></li>
|
| 295 |
-
<li><a title="Ligue 1" href="/ligue-1">Ligue 1</a></li>
|
| 296 |
-
<li><a title="Cúp QG Pháp" href="/cup-quoc-gia-phap">Cúp QG Pháp</a></li>
|
| 297 |
-
<li><a title="Cúp Liên đoàn Pháp" href="/cup-lien-doan-phap-tags">Cúp Liên đoàn Pháp</a></li>
|
| 298 |
-
</ul>
|
| 299 |
-
</li>
|
| 300 |
-
<li>
|
| 301 |
-
<ul class="lst">
|
| 302 |
-
<li><a class="fst" href="#">Bóng đá Khu vực</a></li>
|
| 303 |
-
<li><a title="Asian Cup" href="/asian-cup">Asian Cup</a></li>
|
| 304 |
-
<li><a title="Asian Games" href="/asian-games">Asian Games</a></li>
|
| 305 |
-
<li><a title="AFF Cup" href="/aff-cup">AFF Cup</a></li>
|
| 306 |
-
<li><a title="SEA Games" href="/sea-games">SEA Games</a></li>
|
| 307 |
-
</ul>
|
| 308 |
-
</li>
|
| 309 |
-
<li class="exp"></li>
|
| 310 |
-
<li>
|
| 311 |
-
<ul class="lst">
|
| 312 |
-
<li><a class="fst" title="Bóng đá Italia" href="/bong-da-y">Bóng đá Italia</a></li>
|
| 313 |
-
<li><a title="Đội tuyển Italia" href="/doi-tuyen-y">Đội tuyển Italia</a></li>
|
| 314 |
-
<li><a title="Serie A" href="/serie-a">Serie A</a></li>
|
| 315 |
-
<li><a title="Coppa Italia" href="/coppa-italia">Coppa Italia</a></li>
|
| 316 |
-
</ul>
|
| 317 |
-
</li>
|
| 318 |
-
<li>
|
| 319 |
-
<ul class="lst">
|
| 320 |
-
<li><a class="fst" title="Bóng đá Đức" href="/bong-da-duc">Bóng đá Đức</a></li>
|
| 321 |
-
<li><a title="Đội tuyển Đức" href="/doi-tuyen-duc">Đội tuyển Đức</a></li>
|
| 322 |
-
<li><a title="Bundesliga" href="/bundesliga">Bundesliga</a></li>
|
| 323 |
-
<li><a title="Cúp QG Đức" href="/cup-quoc-gia-duc">Cúp QG Đức</a></li>
|
| 324 |
-
</ul>
|
| 325 |
-
</li>
|
| 326 |
-
<li class="exp"></li>
|
| 327 |
-
<li>
|
| 328 |
-
<ul class="lst">
|
| 329 |
-
<li><a class="fst" href="#">Nội dung Đặc biệt</a></li>
|
| 330 |
-
<li><a title="Big Story" href="/emagazine">Big Story</a></li>
|
| 331 |
-
<li><a title="X-File" href="/x-file">X-File</a></li>
|
| 332 |
-
<li><a title="Infographic" href="/infographic">Infographic</a></li>
|
| 333 |
-
<li><a title="Interactive" href="/interactive">Interactive</a></li>
|
| 334 |
-
</ul>
|
| 335 |
-
</li>
|
| 336 |
-
<li>
|
| 337 |
-
<ul class="lst">
|
| 338 |
-
<li><a class="fst" href="#">Giải đấu CLB</a></li>
|
| 339 |
-
<li><a title="Champions Leage" href="/champions-league-cup-c1">Champions League</a></li>
|
| 340 |
-
<li><a title="Europa League" href="/europa-league">Europa League</a></li>
|
| 341 |
-
<li><a title="Club World Cup" href="/fifa-club-world-cup-tags">Club World Cup</a></li>
|
| 342 |
-
<li><a title="Europa Conference League" href="/europa-conference-league">Europa Conf League</a></li>
|
| 343 |
-
</ul>
|
| 344 |
-
</li>
|
| 345 |
-
<li class="exp"></li>
|
| 346 |
-
<li>
|
| 347 |
-
<ul class="lst">
|
| 348 |
-
<li><a class="fst" href="#">Chuyên đề</a></li>
|
| 349 |
-
<li><a title="Tin chuyển nhượng" href="/tin-chuyen-nhuong">Chuyển nhượng</a></li>
|
| 350 |
-
<li><a title="Hậu trường bóng đá" href="/hau-truong-bong-da">Hậu trường</a></li>
|
| 351 |
-
<li><a title="Điểm tin" href="/diem-tin">Điểm tin</a></li>
|
| 352 |
-
<li><a title="Showbiz Ngôi sao" href="/ngoi-sao-showbiz">Showbiz Ngôi sao</a></li>
|
| 353 |
-
<li><a title="Góc check var" href="/goc-check-var">Góc check var</a></li>
|
| 354 |
-
<li><a title="Công nghệ" href="/cong-nghe">Công nghệ</a></li>
|
| 355 |
-
<li><a title="Thông tin Thị trường" href="/thi-truong">Thị trường</a></li>
|
| 356 |
-
<li><a title="Bóng đá & Cuộc sống" href="/bong-da-cuoc-song">Bóng đá & Cuộc sống</a></li>
|
| 357 |
-
</ul>
|
| 358 |
-
</li>
|
| 359 |
-
<li>
|
| 360 |
-
<ul class="lst">
|
| 361 |
-
<li><a class="fst" href="#">Đội tuyển</a></li>
|
| 362 |
-
<li><a title="World Cup nữ 2028" href="/world-cup-nu-2023-tags">World Cup nữ 2028</a></li>
|
| 363 |
-
<li><a title="World Cup" href="/world-cup">World Cup 2026</a></li>
|
| 364 |
-
<li><a title="European Championship 2028" href="/euro-cup-chau-au">EURO 2028</a></li>
|
| 365 |
-
<li><a title="Nations League" href="/nations-league">Nations League</a></li>
|
| 366 |
-
<li><a title="Copa America" href="/copa-america">Copa America</a></li>
|
| 367 |
-
<li><a title="CAN" href="/can">CAN</a></li>
|
| 368 |
-
<li><a title="Olympic 2028" href="/olympic">Olympic 2028</a></li>
|
| 369 |
-
</ul>
|
| 370 |
-
</li>
|
| 371 |
-
<li class="exp"></li>
|
| 372 |
-
<li>
|
| 373 |
-
<ul class="lst">
|
| 374 |
-
<li><a class="fst" title="Multimedia" href="/video">Multimedia</a></li>
|
| 375 |
-
</ul>
|
| 376 |
-
</li>
|
| 377 |
-
<li>
|
| 378 |
-
<ul class="lst">
|
| 379 |
-
<li> </li>
|
| 380 |
-
</ul>
|
| 381 |
-
</li>
|
| 382 |
-
<li class="exp"></li>
|
| 383 |
-
<li>
|
| 384 |
-
<ul class="lst">
|
| 385 |
-
<li><a class="fst" href="/lich-thi-dau-bong-da">Lịch thi đấu</a></li>
|
| 386 |
-
<li class="hide-m"><a href="/lich-thi-dau-bong-da?bong-da-viet-nam" title="Lịch thi đấu V.League">V.League</a></li>
|
| 387 |
-
<li class="hide-m"><a href="/lich-thi-dau-bong-da?bong-da-anh" title="Lịch thi đấu Ngoại hạng Anh">Ngoại hạng Anh</a></li>
|
| 388 |
-
<li class="hide-m"><a href="/lich-thi-dau-bong-da?bong-da-phap" title="Lịch thi đấu Ligue 1 Pháp">Ligue 1</a></li>
|
| 389 |
-
<li class="hide-m"><a href="/lich-thi-dau-bong-da?bong-da-tay-ban-nha" title="Lịch thi đấu La Liga Tây Ban Nha">La Liga</a></li>
|
| 390 |
-
<li class="hide-m"><a href="/lich-thi-dau-bong-da?bong-da-duc" title="Lịch thi đấu Bundesliga Đức">Bundesliga</a></li>
|
| 391 |
-
<li class="hide-m"><a href="/lich-thi-dau-bong-da?bong-da-y" title="Lịch thi đấu Serie A Italia">Serie A</a></li>
|
| 392 |
-
<li class="hide-m"><a href="/lich-thi-dau-bong-da?champions-league-cup-c1" title="Lịch thi đấu Champions League">Champions League</a></li>
|
| 393 |
-
<li class="hide-m"><a href="/lich-thi-dau-bong-da?europa-league" title="Lịch thi đấu Europa League">Europa League</a></li>
|
| 394 |
-
</ul>
|
| 395 |
-
</li>
|
| 396 |
-
<li>
|
| 397 |
-
<ul class="lst">
|
| 398 |
-
<li><a class="fst" href="/bang-xep-hang-bong-da">Bảng xếp hạng</a></li>
|
| 399 |
-
<li class="hide-m"><a href="/bang-xep-hang-bong-da?bong-da-viet-nam" title="Bảng xếp hạng V.League">V.League</a></li>
|
| 400 |
-
<li class="hide-m"><a href="/bang-xep-hang-bong-da?bong-da-anh" title="Bảng xếp hạng Ngoại hạng Anh">Ngoại hạng Anh</a></li>
|
| 401 |
-
<li class="hide-m"><a href="/bang-xep-hang-bong-da?bong-da-phap" title="Bảng xếp hạng Ligue 1 Pháp">Ligue 1</a></li>
|
| 402 |
-
<li class="hide-m"><a href="/bang-xep-hang-bong-da?bong-da-tay-ban-nha" title="Bảng xếp hạng La Liga Tây Ban Nha">La Liga</a></li>
|
| 403 |
-
<li class="hide-m"><a href="/bang-xep-hang-bong-da?bong-da-duc" title="Bảng xếp hạng Bundesliga Đức">Bundesliga</a></li>
|
| 404 |
-
<li class="hide-m"><a href="/bang-xep-hang-bong-da?bong-da-y" title="Bảng xếp hạng Serie A Italia">Serie A</a></li>
|
| 405 |
-
<li class="hide-m"><a href="/bang-xep-hang-bong-da?champions-league-cup-c1" title="Bảng xếp hạng Champions League">Champions League</a></li>
|
| 406 |
-
<li class="hide-m"><a href="/bang-xep-hang-bong-da?europa-league" title="Bảng xếp hạng Europa League">Europa League</a></li>
|
| 407 |
-
</ul>
|
| 408 |
-
</li>
|
| 409 |
-
<li class="exp"></li>
|
| 410 |
-
<li><a class="caption" href="https://phui.bongdaplus.vn" target="_blank">Bóng đá phủi</a></li>
|
| 411 |
-
<li><a class="caption" href="/tennis">Tennis</a></li>
|
| 412 |
-
<li><a class="caption" href="/esports">Esports</a></li>
|
| 413 |
-
<li><a class="caption" href="/the-thao">Thể thao +</a></li>
|
| 414 |
-
</ul>
|
| 415 |
-
</div>
|
| 416 |
-
</div>
|
| 417 |
-
<div class="mmnu-end tx-cen">
|
| 418 |
-
<p>Theo dõi thông tin</p>
|
| 419 |
-
<ul class="bar social-lnk">
|
| 420 |
-
<li class="hide-m">Theo dõi thông tin</li>
|
| 421 |
-
<li><a class="ico vff-lnk" target="_blank" href="https://vff.org.vn/" style="background-size:28px;opacity:1;" rel="nofollow"></a></li>
|
| 422 |
-
<li><a class="ico fb-lnk" target="_blank" href="https://www.facebook.com/BaoBongDa/" style="background-size:28px;opacity:1;"></a></li>
|
| 423 |
-
<li><a class="ico yt-lnk" target="_blank" href="https://www.youtube.com/channel/UCF0VFBZu-5SRJXMV_FMysEA" style="background-size:28px;opacity:1;"></a></li>
|
| 424 |
-
</ul>
|
| 425 |
-
</div>
|
| 426 |
-
</div>
|
| 427 |
-
<div class="mega-menu">
|
| 428 |
-
<div class="cont-wrap">
|
| 429 |
-
<div class="menu-row">
|
| 430 |
-
<ul class="bar">
|
| 431 |
-
<li><a class="caption" title="Tin mới nhất" href="/tin-moi">Mới nhất</a></li>
|
| 432 |
-
<li>
|
| 433 |
-
<ul class="lst">
|
| 434 |
-
<li><a class="fst" title="Bóng đá Việt Nam" href="/bong-da-viet-nam">Bóng đá Việt Nam</a></li>
|
| 435 |
-
<li><a title="Đội tuyển Việt Nam" href="/doi-tuyen-quoc-gia-viet-nam">Đội tuyển Việt Nam</a></li>
|
| 436 |
-
<li><a title="V.League" href="/v-league">V.League</a></li>
|
| 437 |
-
<li><a title="Hạng Nhất" href="/hang-nhat-viet-nam">Hạng Nhất</a></li>
|
| 438 |
-
<li><a title="Cúp Quốc gia" href="/cup-quoc-gia-viet-nam">Cúp Quốc gia</a></li>
|
| 439 |
-
<li><a title="Cúp châu Á" href="/asian-cup">Cúp châu Á</a></li>
|
| 440 |
-
<li><a title="Bóng đá nữ" href="/bong-da-nu-viet-nam">Bóng đá nữ</a></li>
|
| 441 |
-
<li><a title="Futsal" href="/futsal">Futsal</a></li>
|
| 442 |
-
<li><a title="Phong trào" href="/bong-da-phong-trao">Phong trào</a></li>
|
| 443 |
-
<li><a title="Chuyển nhượng V.League" href="/tin-chuyen-nhuong-v-league">Chuyển nhượng V.League</a></li>
|
| 444 |
-
<li><a title="Tin khác" href="/tin-khac">Tin khác</a></li>
|
| 445 |
-
</ul>
|
| 446 |
-
</li>
|
| 447 |
-
|
| 448 |
-
<li>
|
| 449 |
-
<ul class="lst">
|
| 450 |
-
<li><a class="fst" title="Bóng đá Anh" href="/bong-da-anh">Bóng đá Anh</a></li>
|
| 451 |
-
<li><a title="Đội tuyển Anh" href="/doi-tuyen-anh">Đội tuyển Anh</a></li>
|
| 452 |
-
<li><a title="Ngoại hạng Anh" href="/ngoai-hang-anh">Ngoại hạng Anh</a></li>
|
| 453 |
-
<li><a title="FA Cup" href="/fa-cup">FA Cup</a></li>
|
| 454 |
-
<li><a title="League Cup" href="/cup-lien-doan-anh">League Cup</a></li>
|
| 455 |
-
</ul>
|
| 456 |
-
<div class="clx"></div>
|
| 457 |
-
<ul class="lst">
|
| 458 |
-
<li><a class="fst" href="#">Giải đấu CLB</a></li>
|
| 459 |
-
<li><a title="Champions Leage" href="/champions-league-cup-c1">Champions League</a></li>
|
| 460 |
-
<li><a title="Europa League" href="/europa-league">Europa League</a></li>
|
| 461 |
-
<li><a title="Club World Cup" href="/fifa-club-world-cup-tags">Club World Cup</a></li>
|
| 462 |
-
<li><a title="Europa Conference League" href="/europa-conference-league">Europa Conference League</a></li>
|
| 463 |
-
</ul>
|
| 464 |
-
</li>
|
| 465 |
-
|
| 466 |
-
<li>
|
| 467 |
-
<ul class="lst">
|
| 468 |
-
<li><a class="fst" title="Bóng đá Italia" href="/bong-da-y">Bóng đá Italia</a></li>
|
| 469 |
-
<li><a title="Đội tuyển Italia" href="/doi-tuyen-y">Đội tuyển Italia</a></li>
|
| 470 |
-
<li><a title="Serie A" href="/serie-a">Serie A</a></li>
|
| 471 |
-
<li><a title="Coppa Italia" href="/coppa-italia">Coppa Italia</a></li>
|
| 472 |
-
</ul>
|
| 473 |
-
<div class="clx"></div>
|
| 474 |
-
<ul class="lst">
|
| 475 |
-
<li><a class="fst" href="#">Đội tuyển</a></li>
|
| 476 |
-
<li><a title="World Cup nữ 2028" href="/world-cup-nu-2023-tags">World Cup nữ 2028</a></li>
|
| 477 |
-
<li><a title="World Cup" href="/world-cup">World Cup 2026</a></li>
|
| 478 |
-
<li><a title="European Championship 2028" href="/euro-cup-chau-au">EURO 2028</a></li>
|
| 479 |
-
<li><a title="Nations League" href="/nations-league">Nations League</a></li>
|
| 480 |
-
<li><a title="Copa America" href="/copa-america">Copa America</a></li>
|
| 481 |
-
<li><a title="CAN" href="/can">CAN</a></li>
|
| 482 |
-
<li><a title="Olympic" href="/olympic">Olympic 2028</a></li>
|
| 483 |
-
</ul>
|
| 484 |
-
</li>
|
| 485 |
-
|
| 486 |
-
<li>
|
| 487 |
-
<ul class="lst">
|
| 488 |
-
<li><a class="fst" title="Bóng đá Pháp" href="/bong-da-phap">Bóng đá Pháp</a></li>
|
| 489 |
-
<li><a title="Đội tuyển Pháp" href="/doi-tuyen-phap">Đội tuyển Pháp</a></li>
|
| 490 |
-
<li><a title="Ligue 1" href="/ligue-1">Ligue 1</a></li>
|
| 491 |
-
<li><a title="Cúp QG Pháp" href="/cup-quoc-gia-phap">Cúp QG Pháp</a></li>
|
| 492 |
-
<li><a title="Cúp Liên đoàn Pháp" href="/cup-lien-doan-phap-tags">Cúp Liên đoàn Pháp</a></li>
|
| 493 |
-
</ul>
|
| 494 |
-
<div class="clx"></div>
|
| 495 |
-
<ul class="lst">
|
| 496 |
-
<li><a class="fst" href="#">Khu vực</a></li>
|
| 497 |
-
<li><a title="Asian Cup" href="/asian-cup">Asian Cup</a></li>
|
| 498 |
-
<li><a title="Asian Games" href="/asian-games">Asian Games</a></li>
|
| 499 |
-
<li><a title="AFF Cup" href="/aff-cup">AFF Cup</a></li>
|
| 500 |
-
<li><a title="SEA Games" href="/sea-games">SEA Games</a></li>
|
| 501 |
-
</ul>
|
| 502 |
-
</li>
|
| 503 |
-
|
| 504 |
-
<li>
|
| 505 |
-
<ul class="lst">
|
| 506 |
-
<li><a class="fst" title="Tây Ban nha" href="/bong-da-tay-ban-nha">Tây Ban nha</a></li>
|
| 507 |
-
<li><a title="Đội tuyển TBN" href="/doi-tuyen-tay-ban-nha">Đội tuyển TBN</a></li>
|
| 508 |
-
<li><a title="La Liga" href="/la-liga">La Liga</a></li>
|
| 509 |
-
<li><a title="Cúp Nhà Vua" href="/cup-nha-vua-tay-ban-nha">Cúp Nhà Vua</a></li>
|
| 510 |
-
</ul>
|
| 511 |
-
<div class="clx"></div>
|
| 512 |
-
<ul class="lst">
|
| 513 |
-
<li><a class="fst" href="#">Chuyên đề</a></li>
|
| 514 |
-
<li><a title="Tin chuyển nhượng" href="/tin-chuyen-nhuong">Chuyển nhượng</a></li>
|
| 515 |
-
<li><a title="Hậu trường bóng đá" href="/hau-truong-bong-da">Hậu trường</a></li>
|
| 516 |
-
<li><a title="Điểm tin" href="/diem-tin">Điểm tin</a></li>
|
| 517 |
-
<li><a title="Showbiz Ngôi sao" href="/ngoi-sao-showbiz">Showbiz Ngôi sao</a></li>
|
| 518 |
-
<li><a title="Góc check var" href="/goc-check-var">Góc check var</a></li>
|
| 519 |
-
<li><a title="Công nghệ" href="/cong-nghe">Công nghệ</a></li>
|
| 520 |
-
<li><a title="Thông tin Thị trường" href="/thi-truong">Thị trường</a></li>
|
| 521 |
-
</ul>
|
| 522 |
-
</li>
|
| 523 |
-
|
| 524 |
-
<li>
|
| 525 |
-
<ul class="lst">
|
| 526 |
-
<li><a class="fst" title="Bóng đá Đức" href="/bong-da-duc">Bóng đá Đức</a></li>
|
| 527 |
-
<li><a title="Đội tuyển Đức" href="/doi-tuyen-duc">Đội tuyển Đức</a></li>
|
| 528 |
-
<li><a title="Bundesliga" href="/bundesliga">Bundesliga</a></li>
|
| 529 |
-
<li><a title="Cúp QG Đức" href="/cup-quoc-gia-duc">Cúp QG Đức</a></li>
|
| 530 |
-
</ul>
|
| 531 |
-
<div class="clx"></div>
|
| 532 |
-
<ul class="lst">
|
| 533 |
-
<li><a class="fst" href="#">Đặc biệt</a></li>
|
| 534 |
-
<li><a title="Big Story" href="/emagazine">Big Story</a></li>
|
| 535 |
-
<li><a title="X-File" href="/x-file">X-File</a></li>
|
| 536 |
-
<li><a title="Infographic" href="/infographic">Infographic</a></li>
|
| 537 |
-
<li><a title="Interactive" href="/interactive">Interactive</a></li>
|
| 538 |
-
</ul>
|
| 539 |
-
</li>
|
| 540 |
-
</ul>
|
| 541 |
-
</div>
|
| 542 |
-
|
| 543 |
-
<div class="menu-row">
|
| 544 |
-
<ul class="bar">
|
| 545 |
-
<li> </li>
|
| 546 |
-
<li><a title="Tin chuyển nhượng" href="/tin-chuyen-nhuong">Tin chuyển nhượng</a></li>
|
| 547 |
-
<li><a title="Bóng đá & Cuộc sống" href="/bong-da-cuoc-song">Bóng đá & Cuộc sống</a></li>
|
| 548 |
-
<li><a title="Thông tin Thị trường" href="/thi-truong">Thông tin Thị trường</a></li>
|
| 549 |
-
<li><a title="Tin tức Công nghệ" href="/cong-nghe">Công nghệ</a></li>
|
| 550 |
-
<li><a title="Tin tức Xe auto bike" href="/xe-co">Xe auto</a></li>
|
| 551 |
-
</ul>
|
| 552 |
-
</div>
|
| 553 |
-
|
| 554 |
-
<div class="menu-row">
|
| 555 |
-
<ul class="bar">
|
| 556 |
-
<li> </li>
|
| 557 |
-
<li><a class="caption" title="Nhận định Bóng đá" href="/nhan-dinh-bong-da-tags">Nhận định</a></li>
|
| 558 |
-
<li><a class="caption" title="Tư vấn Bóng đá" href="/soi-keo-bong-da">Tư vấn</a></li>
|
| 559 |
-
<li><a class="caption" title="Multimedia" href="/video">Multimedia</a></li>
|
| 560 |
-
<li><a class="caption" title="Youtube" target="_blank" href="https://www.youtube.com/channel/UCF0VFBZu-5SRJXMV_FMysEA">Youtube</a></li>
|
| 561 |
-
<li><a class="caption" title="Facebook fanpage" target="_blank" href="https://www.facebook.com/BaoBongDa">FB Fanpage</a></li>
|
| 562 |
-
<li>
|
| 563 |
-
<a class="caption" title="Premium" href="/premium">Premium <i class="ico crown"></i></a>
|
| 564 |
-
</li>
|
| 565 |
-
</ul>
|
| 566 |
-
</div>
|
| 567 |
-
|
| 568 |
-
<div class="menu-row">
|
| 569 |
-
<ul class="bar">
|
| 570 |
-
<li><a class="caption" href="/lich-thi-dau-bong-da">Lịch thi đấu</a></li>
|
| 571 |
-
<li>
|
| 572 |
-
<ul class="lst">
|
| 573 |
-
<li><a class="fst" href="/lich-thi-dau-bong-da">Lịch thi đấu hôm nay</a></li>
|
| 574 |
-
<li><a href="/lich-thi-dau-bong-da?bong-da-viet-nam" title="Lịch thi đấu V.League">V.League</a></li>
|
| 575 |
-
<li><a href="/lich-thi-dau-bong-da?bong-da-anh" title="Lịch thi đấu Ngoại hạng Anh">Ngoại hạng Anh</a></li>
|
| 576 |
-
<li><a href="/lich-thi-dau-bong-da?bong-da-phap" title="Lịch thi đấu Ligue 1 Pháp">Ligue 1</a></li>
|
| 577 |
-
<li><a href="/lich-thi-dau-bong-da?bong-da-tay-ban-nha" title="Lịch thi đấu La Liga Tây Ban Nha">La Liga</a></li>
|
| 578 |
-
<li><a href="/lich-thi-dau-bong-da?bong-da-duc" title="Lịch thi đấu Bundesliga Đức">Bundesliga</a></li>
|
| 579 |
-
<li><a href="/lich-thi-dau-bong-da?bong-da-y" title="Lịch thi đấu Serie A Italia">Serie A</a></li>
|
| 580 |
-
<li><a href="/lich-thi-dau-bong-da?champions-league-cup-c1" title="Lịch thi đấu Champions League">Champions League</a></li>
|
| 581 |
-
<li><a href="/lich-thi-dau-bong-da?europa-league" title="Lịch thi đấu Europa League">Europa League</a></li>
|
| 582 |
-
</ul>
|
| 583 |
-
</li>
|
| 584 |
-
|
| 585 |
-
<li>
|
| 586 |
-
<ul class="lst">
|
| 587 |
-
<li><a class="fst" href="/ket-qua-bong-da">Kết quả mới nhất</a></li>
|
| 588 |
-
<li><a href="/lich-thi-dau-bong-da?bong-da-viet-nam" title="Kết quả V.League">V.League</a></li>
|
| 589 |
-
<li><a href="/lich-thi-dau-bong-da?bong-da-anh" title="Kết quả Ngoại hạng Anh">Ngoại hạng Anh</a></li>
|
| 590 |
-
<li><a href="/lich-thi-dau-bong-da?bong-da-phap" title="Kết quả Ligue 1 Pháp">Ligue 1</a></li>
|
| 591 |
-
<li><a href="/lich-thi-dau-bong-da?bong-da-tay-ban-nha" title="Kết quả La Liga Tây Ban Nha">La Liga</a></li>
|
| 592 |
-
<li><a href="/lich-thi-dau-bong-da?bong-da-duc" title="Kết quả Bundesliga Đức">Bundesliga</a></li>
|
| 593 |
-
<li><a href="/lich-thi-dau-bong-da?bong-da-y" title="Kết quả Serie A Italia">Serie A</a></li>
|
| 594 |
-
<li><a href="/lich-thi-dau-bong-da?champions-league-cup-c1" title="Kết quả Champions League">Champions League</a></li>
|
| 595 |
-
<li><a href="/lich-thi-dau-bong-da?europa-league" title="Kết quả Europa League">Europa League</a></li>
|
| 596 |
-
</ul>
|
| 597 |
-
</li>
|
| 598 |
-
|
| 599 |
-
<li>
|
| 600 |
-
<ul class="lst">
|
| 601 |
-
<li><a class="fst" href="#">Bảng xếp hạng</a></li>
|
| 602 |
-
<li><a href="/bang-xep-hang-bong-da?bong-da-viet-nam" title="Bảng xếp hạng V.League">V.League</a></li>
|
| 603 |
-
<li><a href="/bang-xep-hang-bong-da?bong-da-anh" title="Bảng xếp hạng Ngoại hạng Anh">Ngoại hạng Anh</a></li>
|
| 604 |
-
<li><a href="/bang-xep-hang-bong-da?bong-da-phap" title="Bảng xếp hạng Ligue 1 Pháp">Ligue 1</a></li>
|
| 605 |
-
<li><a href="/bang-xep-hang-bong-da?bong-da-tay-ban-nha" title="Bảng xếp hạng La Liga Tây Ban Nha">La Liga</a></li>
|
| 606 |
-
<li><a href="/bang-xep-hang-bong-da?bong-da-duc" title="Bảng xếp hạng Bundesliga Đức">Bundesliga</a></li>
|
| 607 |
-
<li><a href="/bang-xep-hang-bong-da?bong-da-y" title="Bảng xếp hạng Serie A Italia">Serie A</a></li>
|
| 608 |
-
<li><a href="/bang-xep-hang-bong-da?champions-league-cup-c1" title="Bảng xếp hạng Champions League">Champions League</a></li>
|
| 609 |
-
<li><a href="/bang-xep-hang-bong-da?europa-league" title="Bảng xếp hạng Europa League">Europa League</a></li>
|
| 610 |
-
</ul>
|
| 611 |
-
</li>
|
| 612 |
-
|
| 613 |
-
<li>
|
| 614 |
-
<ul class="lst">
|
| 615 |
-
<li><a class="caption" href="https://phui.bongdaplus.vn" target="_blank">Bóng đá phủi</a></li>
|
| 616 |
-
<li><a class="caption" href="/tennis">Tennis</a></li>
|
| 617 |
-
</ul>
|
| 618 |
-
</li>
|
| 619 |
-
<li>
|
| 620 |
-
<ul class="lst">
|
| 621 |
-
<li><a class="caption" href="/esports">Esports</a></li>
|
| 622 |
-
<li><a class="caption" href="/the-thao">Thể thao +</a></li>
|
| 623 |
-
</ul>
|
| 624 |
-
</li>
|
| 625 |
-
|
| 626 |
-
<li>
|
| 627 |
-
<ul class="lst">
|
| 628 |
-
<li>
|
| 629 |
-
<div class="copyr">
|
| 630 |
-
<div class="splt hide-w"></div>
|
| 631 |
-
<p><b class="allcap">Tạp chí Bóng Đá</b></p>
|
| 632 |
-
<p>Giấy phép số 48/GP-BTTTT cấp ngày 05/02/2020</p>
|
| 633 |
-
<p> </p>
|
| 634 |
-
<p>
|
| 635 |
-
Tổng biên tập:<br /> <b>Vũ Khắc Sơn</b><br />
|
| 636 |
-
Phó tổng biên tập:<br /> <b>Nguyễn Hà Thanh</b>
|
| 637 |
-
</p>
|
| 638 |
-
<p> </p>
|
| 639 |
-
<p>
|
| 640 |
-
<a class="contact-showr" href="#">Thông tin tòa soạn</a><br />
|
| 641 |
-
<a class="contact-showr" href="#">Liên hệ quảng cáo</a>
|
| 642 |
-
</p>
|
| 643 |
-
<p>Liên đoàn BĐVN <a href="https://vff.org.vn/" target="_blank" rel="nofollow"><img alt="VFF" src="/img/logo_Vff.png" style="width:28px;" /></a></p>
|
| 644 |
-
</div>
|
| 645 |
-
</li>
|
| 646 |
-
</ul>
|
| 647 |
-
</li>
|
| 648 |
-
</ul>
|
| 649 |
-
</div>
|
| 650 |
-
</div>
|
| 651 |
-
</div>
|
| 652 |
-
<div class="menu-tags hide-w">
|
| 653 |
-
<div class="today"></div>
|
| 654 |
-
<div class="mtags">
|
| 655 |
-
<a title="#HighlightBóngđá" href="/video/highlight">#HighlightBóngđá</a>
|
| 656 |
-
<a title="#PremierLeague" href="/ngoai-hang-anh">#PremierLeague</a>
|
| 657 |
-
<a title="#V.League" href="/v-league">#V.League</a>
|
| 658 |
-
</div>
|
| 659 |
-
</div>
|
| 660 |
-
|
| 661 |
-
<div id="fxtSlideCover" class="fixt-strm" style="margin-bottom:5px;">
|
| 662 |
-
<div class="cont-wrap">
|
| 663 |
-
<a class="brand" href="https://admin.giaminhmedia.vn/www/delivery/cl.php?bannerid=1411&zoneid=328&sig=8300d1283663cec85d90499507ffd94240954967132167c0f302d7388b8f9bb5&dest=http%3A%2F%2Fadmin.giaminhmedia.vn%2Fwww%2Funiscore.php" target="_blank" rel="nofollow" style="margin-left:5px;">
|
| 664 |
-
<img alt="" src="https://bongdaplus.vn/img/logouniscore-tiny.png">
|
| 665 |
-
</a>
|
| 666 |
-
<ul id="fxtSlide" class="nav"></ul>
|
| 667 |
-
</div>
|
| 668 |
-
</div>
|
| 669 |
-
|
| 670 |
-
<div class="clz"></div>
|
| 671 |
-
<div id="ADTOP" class="banner adweb admob" banner-adpos="top"></div>
|
| 672 |
-
|
| 673 |
-
<section class="bread-crums">
|
| 674 |
-
<div class="clz"></div>
|
| 675 |
-
<div class="cont-wrap">
|
| 676 |
-
<div class="chain-navs">
|
| 677 |
-
<a href="/video">Multimedia</a>»
|
| 678 |
-
</div>
|
| 679 |
-
</div>
|
| 680 |
-
</section>
|
| 681 |
-
|
| 682 |
-
<section class="media-box">
|
| 683 |
-
<div class="clz"></div>
|
| 684 |
-
<div class="cont-wrap video-box">
|
| 685 |
-
<div class="row">
|
| 686 |
-
<div class="col m12 w8 clip-box">
|
| 687 |
-
<div class="play-box rbox">
|
| 688 |
-
<iframe id="ytbFrBpl" class="play-frame" src="https://www.youtube.com/embed/Qokb_8w6p0s?si=QNKAZIYxNrtn2hSN" cid="UCmn1v6lrIDZghUfbxXaorUw" vnum="0" class="latestVideoEmbed" title="Bongdaplus trên Youtube" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
|
| 689 |
-
</div>
|
| 690 |
-
</div>
|
| 691 |
-
|
| 692 |
-
<div class="col m12 w4 clip-cont">
|
| 693 |
-
<div class="ovrscrl">
|
| 694 |
-
<div class="clip-info">
|
| 695 |
-
<h1 class="title">Hull City vs MU: Quỷ Đỏ vào hang bắt hổ</h1>
|
| 696 |
-
<p class="desc">
|
| 697 |
-
Mùa giải Premier League 2026/27 của MU sẽ mở màn bằng chuyến làm khách đầy thử thách trước tân binh Hull City tại sân MKM. Cuộc đối đầu Hull City vs MU là màn chạm trán đáng chú ý khi “Đàn Hổ” đang tràn đầy khí thế, trong khi Quỷ đỏ không được phép sảy chân nếu muốn sớm tạo đà cho cuộc đua vô địch.
|
| 698 |
-
</p>
|
| 699 |
-
|
| 700 |
-
<div>08:07 - 22/08/2026</div>
|
| 701 |
-
<div class="editor"></div>
|
| 702 |
-
<div class="hash-tags">
|
| 703 |
-
<b>Tags:</b>
|
| 704 |
-
<a href="/video/hull-city-vs-mu-tags">Hull City vs MU</a>
|
| 705 |
-
<a href="/video/nhan-dinh-hull-city-vs-mu-tags">nhận định Hull City vs MU</a>
|
| 706 |
-
<a href="/video/premier-league-tags">Premier League</a>
|
| 707 |
-
<a href="/video/mu-tags">MU</a>
|
| 708 |
-
</div>
|
| 709 |
-
<style>
|
| 710 |
-
.emobar .emo:not(:empty) {
|
| 711 |
-
background-position: left 10px top 50%;
|
| 712 |
-
padding: 0 13px 0 36px;
|
| 713 |
-
}
|
| 714 |
-
.emobar .emo {
|
| 715 |
-
border-radius: 16px;
|
| 716 |
-
background-color: #d7d3d3;
|
| 717 |
-
background-size: auto 18px;
|
| 718 |
-
cursor: pointer;
|
| 719 |
-
margin: 0 3px;
|
| 720 |
-
padding: 0 16px;
|
| 721 |
-
line-height: 32px;
|
| 722 |
-
height: 32px;
|
| 723 |
-
}
|
| 724 |
-
.emopicked {
|
| 725 |
-
border: solid 1px #767676;
|
| 726 |
-
}
|
| 727 |
-
</style>
|
| 728 |
-
<div class="emobar tx-cen">
|
| 729 |
-
<div class="clx"></div>
|
| 730 |
-
<a class="emo like" onclick="btnNewsEmotion_click(1)" id="btnEmo1"> <span id="numemo1"></span></a>
|
| 731 |
-
<a class="emo heart" onclick="btnNewsEmotion_click(2)" id="btnEmo2"> <span id="numemo2"></span></a>
|
| 732 |
-
<a class="emo star" onclick="btnNewsEmotion_click(4)" id="btnEmo4"> <span id="numemo4"></span></a>
|
| 733 |
-
<a class="emo comment" id="ncmt" href="#commenting" data-action="comment" data-act-only="true"></a>
|
| 734 |
-
</div>
|
| 735 |
-
</div>
|
| 736 |
-
</div>
|
| 737 |
-
</div>
|
| 738 |
-
</div>
|
| 739 |
-
</div>
|
| 740 |
-
|
| 741 |
-
<div class="clx"></div>
|
| 742 |
-
<div class="cont-view">
|
| 743 |
-
|
| 744 |
-
|
| 745 |
-
|
| 746 |
-
|
| 747 |
-
<style>
|
| 748 |
-
.btnlikedislikecmt {
|
| 749 |
-
border-radius: 9px;
|
| 750 |
-
border: solid 1px #767676;
|
| 751 |
-
background-color: #cecece;
|
| 752 |
-
}
|
| 753 |
-
|
| 754 |
-
sup {
|
| 755 |
-
padding: 3px;
|
| 756 |
-
position: initial;
|
| 757 |
-
vertical-align: initial;
|
| 758 |
-
}
|
| 759 |
-
|
| 760 |
-
.TopComment {
|
| 761 |
-
border: solid 1px #fdd835;
|
| 762 |
-
}
|
| 763 |
-
|
| 764 |
-
.TopComment .info .member {
|
| 765 |
-
color: red;
|
| 766 |
-
}
|
| 767 |
-
|
| 768 |
-
.TopComment .info .avatar {
|
| 769 |
-
border: solid 1px red;
|
| 770 |
-
}
|
| 771 |
-
|
| 772 |
-
.comment .summ .replyat {
|
| 773 |
-
/*color: #1b5e20;*/
|
| 774 |
-
display: inline-block;
|
| 775 |
-
margin: 0 8px 0 0;
|
| 776 |
-
font-weight: bold;
|
| 777 |
-
/* text-decoration: underline; */
|
| 778 |
-
}
|
| 779 |
-
</style>
|
| 780 |
-
<div id="postComment" class="comm-zone">
|
| 781 |
-
<a class="anchor" name="#comments"></a>
|
| 782 |
-
<div class="clz"></div>
|
| 783 |
-
<div class="xcap">Bình luận</div>
|
| 784 |
-
<div class="clz"></div>
|
| 785 |
-
<div class="comm-post ">
|
| 786 |
-
<div id="formcomment" class="comm-form">
|
| 787 |
-
<label class="txt-fld">
|
| 788 |
-
<textarea id="txtcomment_0" name="txtcomment_0" maxlength="1000" placeholder="Hãy chia sẻ suy nghĩ của bạn..." onclick="showcommentloginform();"></textarea>
|
| 789 |
-
</label>
|
| 790 |
-
<div class="actions">
|
| 791 |
-
<button id="btnComment" class="btn btn-send base" onclick="btnComment_click(0,0)">Gửi</button>
|
| 792 |
-
</div>
|
| 793 |
-
<center><div class="cmterr"></div></center>
|
| 794 |
-
</div>
|
| 795 |
-
</div>
|
| 796 |
-
<div class="clz"></div>
|
| 797 |
-
<div class="comm-frame">
|
| 798 |
-
<div id="NewsComments"></div>
|
| 799 |
-
<div class="clz"></div>
|
| 800 |
-
<div class="cat-news">
|
| 801 |
-
<div id="btnloadviewmore" class="view-more hide"><a onclick="loadviewmorecomment();">Xem thêm</a></div>
|
| 802 |
-
</div>
|
| 803 |
-
<div class="clz"></div>
|
| 804 |
-
</div>
|
| 805 |
-
</div>
|
| 806 |
-
</div>
|
| 807 |
-
<div class="clz"></div>
|
| 808 |
-
</section>
|
| 809 |
-
|
| 810 |
-
|
| 811 |
-
|
| 812 |
-
|
| 813 |
-
|
| 814 |
-
<div class="clx"></div>
|
| 815 |
-
<center><div id="ADHOT" class="banner adweb admob" banner-adpos="hot"></div></center>
|
| 816 |
-
<div class="clx"></div>
|
| 817 |
-
|
| 818 |
-
|
| 819 |
-
<section class="cat-news">
|
| 820 |
-
<div class="cont-wrap">
|
| 821 |
-
<div class="capt-cover">
|
| 822 |
-
<div class="caption">Video mới nhất</div>
|
| 823 |
-
<button class="more-lnk"></button>
|
| 824 |
-
</div>
|
| 825 |
-
<div class="row flex">
|
| 826 |
-
<div class="col m12 w3">
|
| 827 |
-
<div class="news">
|
| 828 |
-
<a class="thumb" href="/video/du-doan-ty-so-hull-mu-than-rua-ali-33-chon-doi-nao-982702608.html"><img alt="Dự đoán tỷ số Hull vs MU: Thần Rùa Ali 33 chọn đội nào?" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/18/80/Anh-chu-480-x-270.jpg" /></a>
|
| 829 |
-
<a class="title" href="/video/du-doan-ty-so-hull-mu-than-rua-ali-33-chon-doi-nao-982702608.html">Dự đoán tỷ số Hull vs MU: Thần Rùa Ali 33 chọn đội nào?</a>
|
| 830 |
-
<span class="info">
|
| 831 |
-
42 phút trước
|
| 832 |
-
</span>
|
| 833 |
-
<span class="info">
|
| 834 |
-
</span>
|
| 835 |
-
</div>
|
| 836 |
-
</div>
|
| 837 |
-
<div class="col m12 w3">
|
| 838 |
-
<div class="news">
|
| 839 |
-
<a class="thumb" href="/video/hull-city-vs-mu-quy-do-vao-hang-bat-ho-982672608.html"><img alt="Hull City vs MU: Quỷ Đỏ vào hang bắt hổ" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/18/13/ThumbHullvsMU-up.jpg" /></a>
|
| 840 |
-
<a class="title" href="/video/hull-city-vs-mu-quy-do-vao-hang-bat-ho-982672608.html">Hull City vs MU: Quỷ Đỏ vào hang bắt hổ</a>
|
| 841 |
-
<span class="info">
|
| 842 |
-
43 phút trước
|
| 843 |
-
</span>
|
| 844 |
-
<span class="info">
|
| 845 |
-
</span>
|
| 846 |
-
</div>
|
| 847 |
-
</div>
|
| 848 |
-
<div class="col m12 w3">
|
| 849 |
-
<div class="news">
|
| 850 |
-
<a class="thumb" href="/video/du-doan-ty-so-brentford-vs-tottenham-premier-league-2026-27-than-rua-ali-33-chon-doi-nao-982862608.html"><img alt="Dự đoán tỷ số Brentford vs Tottenham: Thần Rùa Ali 33 chọn đội nào?" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/19/80/Brentford-vs-Tottenham-480-x-270-moi.jpg" /></a>
|
| 851 |
-
<a class="title" href="/video/du-doan-ty-so-brentford-vs-tottenham-premier-league-2026-27-than-rua-ali-33-chon-doi-nao-982862608.html">Dự đoán tỷ số Brentford vs Tottenham: Thần Rùa Ali 33 chọn đội nào?</a>
|
| 852 |
-
<span class="info">
|
| 853 |
-
43 phút trước
|
| 854 |
-
</span>
|
| 855 |
-
<span class="info">
|
| 856 |
-
</span>
|
| 857 |
-
</div>
|
| 858 |
-
</div>
|
| 859 |
-
<div class="col m12 w3">
|
| 860 |
-
<div class="news">
|
| 861 |
-
<a class="thumb" href="/video/brentford-vs-tottenham-de-zerbi-vuot-ai-gtech-982822608.html"><img alt="Brentford vs Tottenham: De Zerbi vượt ải Gtech" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/19/13/Brenfort-vs-Tottenham.jpg" /></a>
|
| 862 |
-
<a class="title" href="/video/brentford-vs-tottenham-de-zerbi-vuot-ai-gtech-982822608.html">Brentford vs Tottenham: De Zerbi vượt ải Gtech</a>
|
| 863 |
-
<span class="info">
|
| 864 |
-
43 phút trước
|
| 865 |
-
</span>
|
| 866 |
-
<span class="info">
|
| 867 |
-
</span>
|
| 868 |
-
</div>
|
| 869 |
-
</div>
|
| 870 |
-
<div class="col m12 w3">
|
| 871 |
-
<div class="news">
|
| 872 |
-
<a class="thumb" href="/video/du-doan-ty-so-arsenal-vs-coventry-than-rua-ali-33-chon-doi-nao-982612608.html"><img alt="Dự đoán tỷ số Arsenal vs Coventry: Thần Rùa Ali 33 chọn đội nào?" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/17/0/thumblai.jpg" /></a>
|
| 873 |
-
<a class="title" href="/video/du-doan-ty-so-arsenal-vs-coventry-than-rua-ali-33-chon-doi-nao-982612608.html">Dự đoán tỷ số Arsenal vs Coventry: Thần Rùa Ali 33 chọn đội nào?</a>
|
| 874 |
-
<span class="info">
|
| 875 |
-
09 giờ trước
|
| 876 |
-
</span>
|
| 877 |
-
<span class="info">
|
| 878 |
-
</span>
|
| 879 |
-
</div>
|
| 880 |
-
</div>
|
| 881 |
-
<div class="col m12 w3">
|
| 882 |
-
<div class="news">
|
| 883 |
-
<a class="thumb" href="/video/arsenal-vs-coventry-nha-vua-mo-man-bang-mot-chien-thang-982662608.html"><img alt="Arsenal vs Coventry: Nhà vua mở màn bằng một chiến thắng?" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/18/13/ThumbArsenalvsCoventry-up.jpg" /></a>
|
| 884 |
-
<a class="title" href="/video/arsenal-vs-coventry-nha-vua-mo-man-bang-mot-chien-thang-982662608.html">Arsenal vs Coventry: Nhà vua mở màn bằng một chiến thắng?</a>
|
| 885 |
-
<span class="info">
|
| 886 |
-
09 giờ trước
|
| 887 |
-
</span>
|
| 888 |
-
<span class="info">
|
| 889 |
-
</span>
|
| 890 |
-
</div>
|
| 891 |
-
</div>
|
| 892 |
-
<div class="col m12 w3">
|
| 893 |
-
<div class="news">
|
| 894 |
-
<a class="thumb" href="/video/truc-tuyen-truoc-tran-arsenal-vs-coventry-hull-vs-mu-983222608.html"><img alt="Trực tuyến trước trận Arsenal vs Coventry, Hull vs MU" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/21/13/truc-tuyen-truoc-tran-Arsenal-vs-Coventry.jpg" /></a>
|
| 895 |
-
<a class="title" href="/video/truc-tuyen-truoc-tran-arsenal-vs-coventry-hull-vs-mu-983222608.html">Trực tuyến trước trận Arsenal vs Coventry, Hull vs MU</a>
|
| 896 |
-
<span class="info">
|
| 897 |
-
11 giờ trước
|
| 898 |
-
</span>
|
| 899 |
-
<span class="info">
|
| 900 |
-
</span>
|
| 901 |
-
</div>
|
| 902 |
-
</div>
|
| 903 |
-
<div class="col m12 w3">
|
| 904 |
-
<div class="news">
|
| 905 |
-
<a class="thumb" href="/video/dt-thai-lan-tap-cach-san-rajamangala-40km-hlv-anthony-hudson-chot-luon-doi-hinh-dau-viet-nam-983202608.html"><img alt=" ĐT Thái Lan tập cách sân Rajamangala 40km, HLV Anthony Hudson chốt luôn đội hình đấu Việt Nam" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/21/80/HLV-Thai-Lan-chot-doi-hinh.jpg" /></a>
|
| 906 |
-
<a class="title" href="/video/dt-thai-lan-tap-cach-san-rajamangala-40km-hlv-anthony-hudson-chot-luon-doi-hinh-dau-viet-nam-983202608.html"> ĐT Thái Lan tập cách sân Rajamangala 40km, HLV Anthony Hudson chốt luôn đội hình đấu Việt Nam</a>
|
| 907 |
-
<span class="info">
|
| 908 |
-
13 giờ trước
|
| 909 |
-
</span>
|
| 910 |
-
<span class="info">
|
| 911 |
-
</span>
|
| 912 |
-
</div>
|
| 913 |
-
</div>
|
| 914 |
-
<div class="col m12 w3">
|
| 915 |
-
<div class="news">
|
| 916 |
-
<a class="thumb" href="/video/tro-lai-san-tung-vo-dich-aff-cup-2024-dt-viet-nam-quyet-lam-nen-lich-su-983212608.html"><img alt=" Trở lại sân từng vô địch AFF Cup 2024, ĐT Việt Nam quyết làm nên lịch sử" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/21/80/Viet-Nam-tap-2-1-8.jpg" /></a>
|
| 917 |
-
<a class="title" href="/video/tro-lai-san-tung-vo-dich-aff-cup-2024-dt-viet-nam-quyet-lam-nen-lich-su-983212608.html"> Trở lại sân từng vô địch AFF Cup 2024, ĐT Việt Nam quyết làm nên lịch sử</a>
|
| 918 |
-
<span class="info">
|
| 919 |
-
14 giờ trước
|
| 920 |
-
</span>
|
| 921 |
-
<span class="info">
|
| 922 |
-
</span>
|
| 923 |
-
</div>
|
| 924 |
-
</div>
|
| 925 |
-
<div class="col m12 w3">
|
| 926 |
-
<div class="news">
|
| 927 |
-
<a class="thumb" href="/video/vong-1-premier-league-2026-27-lieu-co-cu-soc-983112608.html"><img alt="Nhận định Premier League vòng 1: Liệu có cú sốc?" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/21/13/thumbvong1-480.jpg" /></a>
|
| 928 |
-
<a class="title" href="/video/vong-1-premier-league-2026-27-lieu-co-cu-soc-983112608.html">Nhận định Premier League vòng 1: Liệu có cú sốc?</a>
|
| 929 |
-
<span class="info">
|
| 930 |
-
14 giờ trước
|
| 931 |
-
</span>
|
| 932 |
-
<span class="info">
|
| 933 |
-
</span>
|
| 934 |
-
</div>
|
| 935 |
-
</div>
|
| 936 |
-
<div class="col m12 w3">
|
| 937 |
-
<div class="news">
|
| 938 |
-
<a class="thumb" href="/video/ronaldinho-gay-soc-46-tuoi-van-tro-lai-san-co-khoac-ao-clb-serie-c-983192608.html"><img alt="Ronaldinho gây sốc: 46 tuổi vẫn trở lại sân cỏ, khoác áo CLB Serie C" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/21/26/Ronaldinho480.jpg" /></a>
|
| 939 |
-
<a class="title" href="/video/ronaldinho-gay-soc-46-tuoi-van-tro-lai-san-co-khoac-ao-clb-serie-c-983192608.html">Ronaldinho gây sốc: 46 tuổi vẫn trở lại sân cỏ, khoác áo CLB Serie C</a>
|
| 940 |
-
<span class="info">
|
| 941 |
-
14 giờ trước
|
| 942 |
-
</span>
|
| 943 |
-
<span class="info">
|
| 944 |
-
</span>
|
| 945 |
-
</div>
|
| 946 |
-
</div>
|
| 947 |
-
<div class="col m12 w3">
|
| 948 |
-
<div class="news">
|
| 949 |
-
<a class="thumb" href="/video/arsenal-no-bom-tan-51-trieu-bang-de-va-hang-thu-983122608.html"><img alt="Arsenal nổ bom tấn 51 triệu bảng để vá hàng thủ" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/21/26/Konsa480.jpg" /></a>
|
| 950 |
-
<a class="title" href="/video/arsenal-no-bom-tan-51-trieu-bang-de-va-hang-thu-983122608.html">Arsenal nổ bom tấn 51 triệu bảng để vá hàng thủ</a>
|
| 951 |
-
<span class="info">
|
| 952 |
-
14 giờ trước
|
| 953 |
-
</span>
|
| 954 |
-
<span class="info">
|
| 955 |
-
</span>
|
| 956 |
-
</div>
|
| 957 |
-
</div>
|
| 958 |
-
<div class="col m12 w3">
|
| 959 |
-
<div class="news">
|
| 960 |
-
<a class="thumb" href="/video/truc-tuyen-hop-bao-viet-nam-hlv-kim-sang-sik-noi-gi-khi-pho-chu-tich-thai-lan-mia-mai-dan-nhap-tich-983182608.html"><img alt="Trực tuyến họp báo Việt Nam: HLV Kim Sang Sik nói gì khi Phó Chủ tịch Thái Lan mỉa mai dàn nhập tịch" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/21/13/anhliveVN.jpg" /></a>
|
| 961 |
-
<a class="title" href="/video/truc-tuyen-hop-bao-viet-nam-hlv-kim-sang-sik-noi-gi-khi-pho-chu-tich-thai-lan-mia-mai-dan-nhap-tich-983182608.html">Trực tuyến họp báo Việt Nam: HLV Kim Sang Sik nói gì khi Phó Chủ tịch Thái Lan mỉa mai dàn nhập tịch</a>
|
| 962 |
-
<span class="info">
|
| 963 |
-
16 giờ trước
|
| 964 |
-
</span>
|
| 965 |
-
<span class="info">
|
| 966 |
-
</span>
|
| 967 |
-
</div>
|
| 968 |
-
</div>
|
| 969 |
-
<div class="col m12 w3">
|
| 970 |
-
<div class="news">
|
| 971 |
-
<a class="thumb" href="/video/truc-tuyen-thai-lan-hop-bao-hlv-thach-dau-dt-viet-nam-983162608.html"><img alt=" Trực tuyến Thái Lan họp báo: HLV Anthony Hudson thách đấu ĐT Việt Nam" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/21/13/anhlivesua-480.jpg" /></a>
|
| 972 |
-
<a class="title" href="/video/truc-tuyen-thai-lan-hop-bao-hlv-thach-dau-dt-viet-nam-983162608.html"> Trực tuyến Thái Lan họp báo: HLV Anthony Hudson thách đấu ĐT Việt Nam</a>
|
| 973 |
-
<span class="info">
|
| 974 |
-
18 giờ trước
|
| 975 |
-
</span>
|
| 976 |
-
<span class="info">
|
| 977 |
-
</span>
|
| 978 |
-
</div>
|
| 979 |
-
</div>
|
| 980 |
-
<div class="col m12 w3">
|
| 981 |
-
<div class="news">
|
| 982 |
-
<a class="thumb" href="/video/ban-tin-21-8-dt-viet-nam-chiu-thong-ke-cuc-xau-truoc-chung-ket-thai-lan-choi-chieu-nhu-indo-983152608.html"><img alt="Bản tin 21/8: ĐT Việt Nam chịu thống kê cực xấu trước chung kết, Thái Lan chơi chiêu như Indo" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/21/13/Thumb-tin-nong-21-8-480-up.jpg" /></a>
|
| 983 |
-
<a class="title" href="/video/ban-tin-21-8-dt-viet-nam-chiu-thong-ke-cuc-xau-truoc-chung-ket-thai-lan-choi-chieu-nhu-indo-983152608.html">Bản tin 21/8: ĐT Việt Nam chịu thống kê cực xấu trước chung kết, Thái Lan chơi chiêu như Indo</a>
|
| 984 |
-
<span class="info">
|
| 985 |
-
18 giờ trước
|
| 986 |
-
</span>
|
| 987 |
-
<span class="info">
|
| 988 |
-
</span>
|
| 989 |
-
</div>
|
| 990 |
-
</div>
|
| 991 |
-
<div class="col m12 w3">
|
| 992 |
-
<div class="news">
|
| 993 |
-
<a class="thumb" href="/video/thai-lan-khoa-cdv-viet-nam-chi-3-000-ve-cho-tran-chung-ket-tai-rajamangala-983142608.html"><img alt="Thái Lan 'khóa' CĐV Việt Nam: Chỉ 3.000 vé cho trận chung kết tại Rajamangala" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/21/26/cdv.jpg" /></a>
|
| 994 |
-
<a class="title" href="/video/thai-lan-khoa-cdv-viet-nam-chi-3-000-ve-cho-tran-chung-ket-tai-rajamangala-983142608.html">Thái Lan 'khóa' CĐV Việt Nam: Chỉ 3.000 vé cho trận chung kết tại Rajamangala</a>
|
| 995 |
-
<span class="info">
|
| 996 |
-
20 giờ trước
|
| 997 |
-
</span>
|
| 998 |
-
<span class="info">
|
| 999 |
-
</span>
|
| 1000 |
-
</div>
|
| 1001 |
-
</div>
|
| 1002 |
-
<div class="col m12 w3">
|
| 1003 |
-
<div class="news">
|
| 1004 |
-
<a class="thumb" href="/video/truoc-tran-thai-lan-vs-viet-nam-svd-rajamagala-vang-tanh-hon-chua-ba-danh-983132608.html"><img alt="Trước trận Thái Lan vs Việt Nam: SVĐ Rajamagala vắng tanh hơn chùa Bà Đanh" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/21/13/livethumbYT-480.jpg" /></a>
|
| 1005 |
-
<a class="title" href="/video/truoc-tran-thai-lan-vs-viet-nam-svd-rajamagala-vang-tanh-hon-chua-ba-danh-983132608.html">Trước trận Thái Lan vs Việt Nam: SVĐ Rajamagala vắng tanh hơn chùa Bà Đanh</a>
|
| 1006 |
-
<span class="info">
|
| 1007 |
-
21 giờ trước
|
| 1008 |
-
</span>
|
| 1009 |
-
<span class="info">
|
| 1010 |
-
</span>
|
| 1011 |
-
</div>
|
| 1012 |
-
</div>
|
| 1013 |
-
<div class="col m12 w3">
|
| 1014 |
-
<div class="news">
|
| 1015 |
-
<a class="thumb" href="/video/du-doan-ty-so-thai-lan-vs-viet-nam-than-rua-ali-33-chon-doi-nao-983092608.html"><img alt="Dự đoán tỷ số Thái Lan vs Việt Nam: Thần Rùa Ali 33 chọn đội nào?" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/20/80/ThumbRuaThaivsVietnam-480.jpg" /></a>
|
| 1016 |
-
<a class="title" href="/video/du-doan-ty-so-thai-lan-vs-viet-nam-than-rua-ali-33-chon-doi-nao-983092608.html">Dự đoán tỷ số Thái Lan vs Việt Nam: Thần Rùa Ali 33 chọn đội nào?</a>
|
| 1017 |
-
<span class="info">
|
| 1018 |
-
19:18 ngày 20/08/2026
|
| 1019 |
-
</span>
|
| 1020 |
-
<span class="info">
|
| 1021 |
-
</span>
|
| 1022 |
-
</div>
|
| 1023 |
-
</div>
|
| 1024 |
-
<div class="col m12 w3">
|
| 1025 |
-
<div class="news">
|
| 1026 |
-
<a class="thumb" href="/video/truyen-thong-anh-dac-biet-chu-y-den-ngoi-no-cua-dt-viet-nam-983072608.html"><img alt="Truyền thông Anh đặc biệt chú ý đến 'ngòi nổ' của ĐT Việt Nam" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/20/26/xuan-son.jpg" /></a>
|
| 1027 |
-
<a class="title" href="/video/truyen-thong-anh-dac-biet-chu-y-den-ngoi-no-cua-dt-viet-nam-983072608.html">Truyền thông Anh đặc biệt chú ý đến 'ngòi nổ' của ĐT Việt Nam</a>
|
| 1028 |
-
<span class="info">
|
| 1029 |
-
19:18 ngày 20/08/2026
|
| 1030 |
-
</span>
|
| 1031 |
-
<span class="info">
|
| 1032 |
-
</span>
|
| 1033 |
-
</div>
|
| 1034 |
-
</div>
|
| 1035 |
-
<div class="col m12 w3">
|
| 1036 |
-
<div class="news">
|
| 1037 |
-
<a class="thumb" href="/video/dt-viet-nam-co-mat-tai-thai-lan-ao-trang-van-chua-bi-thay-kim-vut-het-983082608.html"><img alt="ĐT Việt Nam có mặt tại Thái Lan, áo trắng vẫn chưa bị thầy Kim bỏ hết" src="https://cdn.bongdaplus.vn/assets/Media/2026/08/20/26/Kim-Sang-Sik.jpg" /></a>
|
| 1038 |
-
<a class="title" href="/video/dt-viet-nam-co-mat-tai-thai-lan-ao-trang-van-chua-bi-thay-kim-vut-het-983082608.html">ĐT Việt Nam có mặt tại Thái Lan, áo trắng vẫn chưa bị thầy Kim bỏ hết</a>
|
| 1039 |
-
<span class="info">
|
| 1040 |
-
17:32 ngày 20/08/2026
|
| 1041 |
-
</span>
|
| 1042 |
-
<span class="info">
|
| 1043 |
-
</span>
|
| 1044 |
-
</div>
|
| 1045 |
-
</div>
|
| 1046 |
-
</div>
|
| 1047 |
-
</div>
|
| 1048 |
-
<div class="clz"></div>
|
| 1049 |
-
</section>
|
| 1050 |
-
|
| 1051 |
-
|
| 1052 |
-
|
| 1053 |
-
<div class="clx"></div>
|
| 1054 |
-
<center><div id="ADBOT" class="banner adweb admob" banner-adpos="footer"></div></center>
|
| 1055 |
-
</main>
|
| 1056 |
-
|
| 1057 |
-
<style>
|
| 1058 |
-
.iframpanel {
|
| 1059 |
-
width: 100%;
|
| 1060 |
-
max-width: 500px;
|
| 1061 |
-
height: 560px;
|
| 1062 |
-
overflow: hidden;
|
| 1063 |
-
}
|
| 1064 |
-
|
| 1065 |
-
</style>
|
| 1066 |
-
<div class="paner-wrap">
|
| 1067 |
-
<div class="over-layer hide"></div>
|
| 1068 |
-
<div id="loginview" class="login-box paner hide iframpanel">
|
| 1069 |
-
<div class="pan-capt">
|
| 1070 |
-
<i class="pan-close" data-action="hide"></i>
|
| 1071 |
-
</div>
|
| 1072 |
-
|
| 1073 |
-
|
| 1074 |
-
<iframe src="https://member.bongdaplus.vn/Identity/Account/Login?ReturnUrl=%2FHome%2FLoginFromBongdaplus" frameborder="0" style="overflow:hidden;height:100%;width:100%"></iframe>
|
| 1075 |
-
|
| 1076 |
-
</div>
|
| 1077 |
-
<div id="commentloginview" class="login-box paner hide iframpanel">
|
| 1078 |
-
|
| 1079 |
-
|
| 1080 |
-
<iframe src="https://member.bongdaplus.vn/Identity/Account/Login?ReturnUrl=%2FHome%2FCommentLoginFromBongdaplus" frameborder="0" style="overflow:hidden;height:100%;width:100%"></iframe>
|
| 1081 |
-
|
| 1082 |
-
</div>
|
| 1083 |
-
</div>
|
| 1084 |
-
<input type="hidden" id="txtFullname" value="" />
|
| 1085 |
-
<input type="hidden" id="txtUserid" value="" />
|
| 1086 |
-
|
| 1087 |
-
|
| 1088 |
-
|
| 1089 |
-
|
| 1090 |
-
|
| 1091 |
-
|
| 1092 |
-
<center><div id="ADFT" class="banner adweb admob" banner-adpos="footer"></div></center>
|
| 1093 |
-
<footer>
|
| 1094 |
-
<div class="cont-wrap">
|
| 1095 |
-
<div class="row">
|
| 1096 |
-
<div class="col m12 w3">
|
| 1097 |
-
<div class="caption">Tạp chí điện tử Bóng đá</div>
|
| 1098 |
-
</div>
|
| 1099 |
-
<div class="col m12 w6">
|
| 1100 |
-
<p>Giấy phép số 48/GP-BTTTT cấp ngày 05/02/2020</p>
|
| 1101 |
-
<p>Tổng biên tập: <b>Vũ Khắc Sơn</b></p>
|
| 1102 |
-
<p>Phó tổng biên tập: <b>Nguyễn Hà Thanh</b></p>
|
| 1103 |
-
<div class="hide-w">
|
| 1104 |
-
<p>Địa chỉ: <b>Tầng 6, Tòa nhà Licogi 13 Tower, 164 đường Khuất Duy Tiến, phường Thanh Xuân, Thành phố Hà Nội</b></p>
|
| 1105 |
-
<p>Văn phòng giao dịch: <b>Tầng 5-6-7, toà nhà LĐBĐVN, số 18 Lý Văn Phức, phường Ô Chợ Dừa, Hà Nội</b></p>
|
| 1106 |
-
<p>Điện thoại: <b>(84.24) 3554 1188 - (84.24) 3554 1199</b></p>
|
| 1107 |
-
<p>
|
| 1108 |
-
Email: <a href="mailto:toasoan@bongdaplus.vn"><b>toasoan@bongdaplus.vn</b></a> |
|
| 1109 |
-
<a href="mailto:vanphong@bongdaplus.vn"><b>vanphong@bongdaplus.vn</b></a>
|
| 1110 |
-
</p>
|
| 1111 |
-
<div class="spl"></div>
|
| 1112 |
-
<p class="caption">Liên hệ quảng cáo</p>
|
| 1113 |
-
<p>Hotline: <b>0903 203 412</b></p>
|
| 1114 |
-
<p>Email: <a href="mailto:tien.nguyen@giaminhmedia.vn"><b>tien.nguyen@giaminhmedia.vn</b></a></p>
|
| 1115 |
-
</div>
|
| 1116 |
-
</div>
|
| 1117 |
-
<div class="col m12 w3">
|
| 1118 |
-
<ul class="bar social-lnk rgt-w">
|
| 1119 |
-
<li class="hide-m">Theo dõi thông tin</li>
|
| 1120 |
-
<li><a class="ico vff-lnk" href="https://vff.org.vn/" target="_blank" rel="nofollow"></a></li>
|
| 1121 |
-
<li><a class="ico fb-lnk" href="https://www.facebook.com/BaoBongDa/"></a></li>
|
| 1122 |
-
<li><a class="ico yt-lnk" href="https://www.youtube.com/channel/UCvDYMBE6GipX2VGacqOU2_Q"></a></li>
|
| 1123 |
-
</ul>
|
| 1124 |
-
</div>
|
| 1125 |
-
</div>
|
| 1126 |
-
<div class="foot-menu">
|
| 1127 |
-
<ul class="bar hide-m">
|
| 1128 |
-
<li><a href="#" data-showpaner="#contactview">Thông tin tòa soạn</a></li>
|
| 1129 |
-
<li><a href="#" data-showpaner="#advertview">Liên hệ quảng cáo</a></li>
|
| 1130 |
-
</ul>
|
| 1131 |
-
<div class="copy-rgt">
|
| 1132 |
-
Bản quyền ©2011 Bongdaplus.vn. Chỉ được phát hành lại thông tin khi
|
| 1133 |
-
có sự đồng ý bằng văn bản của Tạp chí điện tử Bóng đá
|
| 1134 |
-
</div>
|
| 1135 |
-
<div class="clx hide-m"></div>
|
| 1136 |
-
</div>
|
| 1137 |
-
</div>
|
| 1138 |
-
</footer>
|
| 1139 |
-
|
| 1140 |
-
<div class="paner-wrap">
|
| 1141 |
-
<div class="over-layer hide"></div>
|
| 1142 |
-
<div id="contactview" class="contact-box paner hide">
|
| 1143 |
-
<div class="pan-capt">
|
| 1144 |
-
<div class="pan-title">Thông tin Toà soạn</div>
|
| 1145 |
-
<i class="pan-close" data-action="hide"></i>
|
| 1146 |
-
</div>
|
| 1147 |
-
<div class="pan-cont">
|
| 1148 |
-
<div class="xcap lead tx-prime tx-cen">Tạp chí Điện tử Bóng Đá</div>
|
| 1149 |
-
<div class="row">
|
| 1150 |
-
<div class="col w3 tx-base tx-rgt">Tổng biên tập:</div>
|
| 1151 |
-
<div class="col w9"><b>Vũ Khắc Sơn</b></div>
|
| 1152 |
-
<div class="clx"></div>
|
| 1153 |
-
<div class="col w3 tx-base tx-rgt">Phó Tổng biên tập:</div>
|
| 1154 |
-
<div class="col w9">
|
| 1155 |
-
<b>Nguyễn Hà Thanh</b>
|
| 1156 |
-
</div>
|
| 1157 |
-
</div>
|
| 1158 |
-
<div class="splt"></div>
|
| 1159 |
-
<div class="row">
|
| 1160 |
-
<div class="col w3 tx-base tx-rgt">Địa chỉ:</div>
|
| 1161 |
-
<div class="col w9"><b>Tầng 6, Tòa nhà Licogi 13 Tower, 164 đường Khuất Duy Tiến, phường Thanh Xuân, Thành phố Hà Nội</b></div>
|
| 1162 |
-
<div class="col w3 tx-base tx-rgt">Văn phòng giao dịch:</div>
|
| 1163 |
-
<div class="col w9"><b>Tầng 5-6-7, toà nhà LĐBĐVN, số 18 Lý Văn Phức, phường Ô Chợ Dừa, Hà Nội</b></div>
|
| 1164 |
-
<div class="col w3 tx-base tx-rgt">Tel:</div>
|
| 1165 |
-
<div class="col w9"><b>(84.24) 3554 1188 - (84.24) 3554 1199</b></div>
|
| 1166 |
-
<div class="col w3 tx-base tx-rgt">Fax:</div>
|
| 1167 |
-
<div class="col w9"><b>(84.24) 3553 9898</b></div>
|
| 1168 |
-
<div class="col w3 tx-base tx-rgt">Email:</div>
|
| 1169 |
-
<div class="col w9">
|
| 1170 |
-
<a href="mailto:toasoan@bongdaplus.vn"><b>toasoan@bongdaplus.vn</b></a>
|
| 1171 |
-
<a href="mailto:vanphong@bongdaplus.vn"><b>vanphong@bongdaplus.vn</b></a>
|
| 1172 |
-
</div>
|
| 1173 |
-
</div>
|
| 1174 |
-
</div>
|
| 1175 |
-
</div>
|
| 1176 |
-
|
| 1177 |
-
<div id="advertview" class="contact-box paner hide">
|
| 1178 |
-
<div class="pan-capt">
|
| 1179 |
-
<div class="pan-title">Thông tin Liên hệ</div>
|
| 1180 |
-
<i class="pan-close" data-action="hide"></i>
|
| 1181 |
-
</div>
|
| 1182 |
-
<div class="pan-cont">
|
| 1183 |
-
<div class="xcap lead tx-prime tx-cen">Tạp chí Điện tử Bóng Đá</div>
|
| 1184 |
-
<div class="row">
|
| 1185 |
-
<div class="col w4 tx-base tx-rgt">Hotline:</div>
|
| 1186 |
-
<div class="col w8"><b>0903 203 412</b></div>
|
| 1187 |
-
<div class="col w4 tx-base tx-rgt">Email:</div>
|
| 1188 |
-
<div class="col w8"><a href="mailto:tien.nguyen@giaminhmedia.vn"><b>tien.nguyen@giaminhmedia.vn</b></a></div>
|
| 1189 |
-
</div>
|
| 1190 |
-
<p class="tx-base">Địa chỉ liên hệ:</p>
|
| 1191 |
-
<b>Tầng 6, Tòa nhà Licogi 13 Tower, 164 đường Khuất Duy Tiến, phường Thanh Xuân, Thành phố Hà Nội</b>
|
| 1192 |
-
<p class="tx-base">Văn phòng giao dịch:</p>
|
| 1193 |
-
<b>Tầng 5-6-7, toà nhà LĐBĐVN, số 18 Lý Văn Phức, phường Ô Chợ Dừa, Hà Nội</b>
|
| 1194 |
-
</div>
|
| 1195 |
-
</div>
|
| 1196 |
-
|
| 1197 |
-
|
| 1198 |
-
<div id="loginview" class="login-box paner hide">
|
| 1199 |
-
<div class="pan-capt">
|
| 1200 |
-
<div class="pan-title">Đăng nhập</div>
|
| 1201 |
-
<i class="pan-close" data-action="hide"></i>
|
| 1202 |
-
</div>
|
| 1203 |
-
<div class="pan-cont">
|
| 1204 |
-
<form class="soc-auth" action="#">
|
| 1205 |
-
<button><i class="ico gg-color"></i>Google</button>
|
| 1206 |
-
<button><i class="ico fb-color"></i>Facebook</button>
|
| 1207 |
-
</form>
|
| 1208 |
-
<div class="clx"></div>
|
| 1209 |
-
<div class="splt"><span>hoặc</span></div>
|
| 1210 |
-
<form class="loginer" action="//member.bongdaplus.vn/Identity/Account/Login?ReturnUrl=/" method="post">
|
| 1211 |
-
<p>Email:</p>
|
| 1212 |
-
<label class="txt-fld" for="email">
|
| 1213 |
-
<input id="email" name="Input.Email" type="email" />
|
| 1214 |
-
<span>Nhập địa chỉ email của bạn</span>
|
| 1215 |
-
</label>
|
| 1216 |
-
<label class="err-fld hide" for="email">Địa chỉ email không được để trống</label>
|
| 1217 |
-
<p>Mật khẩu:</p>
|
| 1218 |
-
<label class="txt-fld" for="passw">
|
| 1219 |
-
<input id="passw" name="Input.Password" type="password" data-required="Mật khẩu không được để trống" />
|
| 1220 |
-
<span>Nhập mật khẩu của bạn</span>
|
| 1221 |
-
</label>
|
| 1222 |
-
<label class="err-fld hide" for="passw">Mật khẩu không được để trống</label>
|
| 1223 |
-
<p class="ft-sm tx-rgt"><a class="fg-psw" href="#" data-action="hide" data-showpaner="#forgetview">Quên mật khẩu?</a></p>
|
| 1224 |
-
<label class="rdo-fld" for="persist">
|
| 1225 |
-
<input id="persist" name="Input.RememberMe" type="checkbox" />
|
| 1226 |
-
Ghi nhớ thông tin đăng nhập
|
| 1227 |
-
</label>
|
| 1228 |
-
<br>
|
| 1229 |
-
<div class="fld-box">
|
| 1230 |
-
<button class="btn major" type="submit">Đăng nhập</button>
|
| 1231 |
-
</div>
|
| 1232 |
-
<p class="ft-sm tx-cen">
|
| 1233 |
-
Bạn chưa có tài khoản?
|
| 1234 |
-
<a class="act-now" href="#" data-action="hide" data-showpaner="#registview">Đăng ký ngay</a>
|
| 1235 |
-
</p>
|
| 1236 |
-
</form>
|
| 1237 |
-
</div>
|
| 1238 |
-
</div>
|
| 1239 |
-
</div>
|
| 1240 |
-
|
| 1241 |
-
<script src="/lib/jquery/dist/jquery.min.js"></script>
|
| 1242 |
-
<script src="/js/js_cookie.min.js?v=0H3Nuz3aug3afVbUlsu12Puxva3CP4EhJtPExqs54Vg"></script>
|
| 1243 |
-
<script src="/js/bongdaplus.js?v=gIIX1pYQ8DB66N40YPyoHGaBgBFoHkPMMCARX4L6NdA"></script>
|
| 1244 |
-
<script src="/js/premium.js?v=mbXB8QoXMl1zoEFSeE6z-mwQTb0ot7C8zj_F8JqsvNc"></script>
|
| 1245 |
-
|
| 1246 |
-
<script>var _ad_info_code = 'mda/video';</script>
|
| 1247 |
-
<script src="/js/advloader.js?v=dvvR0ygTjyYzNcQmQ_dI5bwYeX2Ww0nBjBBmCt9DWjQ"></script>
|
| 1248 |
-
|
| 1249 |
-
</body>
|
| 1250 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
embed.html
DELETED
|
@@ -1,56 +0,0 @@
|
|
| 1 |
-
<!DOCTYPE html>
|
| 2 |
-
<html>
|
| 3 |
-
<head>
|
| 4 |
-
<meta name="viewport" content="width=device-width" />
|
| 5 |
-
<title>EmbedVideo - Bongdaplus.vn </title>
|
| 6 |
-
|
| 7 |
-
<link href="/css/video-js.css" rel="stylesheet">
|
| 8 |
-
<link href="/css/style.css" rel="stylesheet">
|
| 9 |
-
<link href="/css/player.css?new=43666246" rel="stylesheet">
|
| 10 |
-
<script src="https://imasdk.googleapis.com/js/sdkloader/ima3.js"></script>
|
| 11 |
-
<script src="/js/video.min.js"></script>
|
| 12 |
-
<!-- Google tag (gtag.js) -->
|
| 13 |
-
<script async src="https://www.googletagmanager.com/gtag/js?id=G-EDHD2H8E9T"></script>
|
| 14 |
-
<script>window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-EDHD2H8E9T');</script>
|
| 15 |
-
</head>
|
| 16 |
-
<body class="vjs-fullscreen">
|
| 17 |
-
|
| 18 |
-
<div class="">
|
| 19 |
-
<video id="videoPlayer" class="video-js" preload="auto" width="100%" height="100%" poster="https://cdn.bongdaplus.vn/assets/Media/2026/08/18/13/ThumbHullvsMU-up.jpg" controls disablePictureInPicture>
|
| 20 |
-
<source src="https://cdn.bongdaplus.vn/assets//Media/2026/08/18/13/thumbhullvsmu-up.jpg" type="video/mp4">
|
| 21 |
-
</video>
|
| 22 |
-
<script>
|
| 23 |
-
var adpath = 'mob/'; var cat = 127, evt = 0;
|
| 24 |
-
if (window.matchMedia('(min-width: 1023px)').matches || (window.parent.Detect && !window.parent.Detect.isMob())) {
|
| 25 |
-
adpath = 'web/';
|
| 26 |
-
}
|
| 27 |
-
adpath += 'mda';
|
| 28 |
-
document.write('<script src="/adscripts/' + adpath + '/vast.js?new=' + (new Date()).getTime() + '"></' + 'script>');
|
| 29 |
-
</script>
|
| 30 |
-
|
| 31 |
-
<script>
|
| 32 |
-
var vdo = videojs('videoPlayer', { autoplay: true });
|
| 33 |
-
vdo.relatedCarousel([{ poster: 'https://cdn.bongdaplus.vn/assets/Media/2026/08/18/80/Anh-chu-480-x-270.jpg', vdoref: '/video/du-doan-ty-so-hull-mu-than-rua-ali-33-chon-doi-nao-982702608.html', title: 'Dự đoán tỷ số Hull vs MU: Thần Rùa Ali 33 chọn đội nào?', target: '_parent' },{ poster: 'https://cdn.bongdaplus.vn/assets/Media/2026/08/18/13/ThumbHullvsMU-up.jpg', vdoref: '/video/hull-city-vs-mu-quy-do-vao-hang-bat-ho-982672608.html', title: 'Hull City vs MU: Quỷ Đỏ vào hang bắt hổ', target: '_parent' },{ poster: 'https://cdn.bongdaplus.vn/assets/Media/2026/08/19/80/Brentford-vs-Tottenham-480-x-270-moi.jpg', vdoref: '/video/du-doan-ty-so-brentford-vs-tottenham-premier-league-2026-27-than-rua-ali-33-chon-doi-nao-982862608.html', title: 'Dự đoán tỷ số Brentford vs Tottenham: Thần Rùa Ali 33 chọn đội nào?', target: '_parent' },{ poster: 'https://cdn.bongdaplus.vn/assets/Media/2026/08/19/13/Brenfort-vs-Tottenham.jpg', vdoref: '/video/brentford-vs-tottenham-de-zerbi-vuot-ai-gtech-982822608.html', title: 'Brentford vs Tottenham: De Zerbi vượt ải Gtech', target: '_parent' },{ poster: 'https://cdn.bongdaplus.vn/assets/Media/2026/08/17/0/thumblai.jpg', vdoref: '/video/du-doan-ty-so-arsenal-vs-coventry-than-rua-ali-33-chon-doi-nao-982612608.html', title: 'Dự đoán tỷ số Arsenal vs Coventry: Thần Rùa Ali 33 chọn đội nào?', target: '_parent' },{ poster: 'https://cdn.bongdaplus.vn/assets/Media/2026/08/18/13/ThumbArsenalvsCoventry-up.jpg', vdoref: '/video/arsenal-vs-coventry-nha-vua-mo-man-bang-mot-chien-thang-982662608.html', title: 'Arsenal vs Coventry: Nhà vua mở màn bằng một chiến thắng?', target: '_parent' },{ poster: 'https://cdn.bongdaplus.vn/assets/Media/2026/08/21/13/truc-tuyen-truoc-tran-Arsenal-vs-Coventry.jpg', vdoref: '/video/truc-tuyen-truoc-tran-arsenal-vs-coventry-hull-vs-mu-983222608.html', title: 'Trực tuyến trước trận Arsenal vs Coventry, Hull vs MU', target: '_parent' },{ poster: 'https://cdn.bongdaplus.vn/assets/Media/2026/08/21/80/HLV-Thai-Lan-chot-doi-hinh.jpg', vdoref: '/video/dt-thai-lan-tap-cach-san-rajamangala-40km-hlv-anthony-hudson-chot-luon-doi-hinh-dau-viet-nam-983202608.html', title: ' ĐT Thái Lan tập cách sân Rajamangala 40km, HLV Anthony Hudson chốt luôn đội hình đấu Việt Nam', target: '_parent' },{ poster: 'https://cdn.bongdaplus.vn/assets/Media/2026/08/21/80/Viet-Nam-tap-2-1-8.jpg', vdoref: '/video/tro-lai-san-tung-vo-dich-aff-cup-2024-dt-viet-nam-quyet-lam-nen-lich-su-983212608.html', title: ' Trở lại sân từng vô địch AFF Cup 2024, ĐT Việt Nam quyết làm nên lịch sử', target: '_parent' },{ poster: 'https://cdn.bongdaplus.vn/assets/Media/2026/08/21/13/thumbvong1-480.jpg', vdoref: '/video/vong-1-premier-league-2026-27-lieu-co-cu-soc-983112608.html', title: 'Nhận định Premier League vòng 1: Liệu có cú sốc?', target: '_parent' },{ poster: 'https://cdn.bongdaplus.vn/assets/Media/2026/08/21/26/Ronaldinho480.jpg', vdoref: '/video/ronaldinho-gay-soc-46-tuoi-van-tro-lai-san-co-khoac-ao-clb-serie-c-983192608.html', title: 'Ronaldinho gây sốc: 46 tuổi vẫn trở lại sân cỏ, khoác áo CLB Serie C', target: '_parent' },{ poster: 'https://cdn.bongdaplus.vn/assets/Media/2026/08/21/26/Konsa480.jpg', vdoref: '/video/arsenal-no-bom-tan-51-trieu-bang-de-va-hang-thu-983122608.html', title: 'Arsenal nổ bom tấn 51 triệu bảng để vá hàng thủ', target: '_parent' },{ poster: 'https://cdn.bongdaplus.vn/assets/Media/2026/08/21/13/anhliveVN.jpg', vdoref: '/video/truc-tuyen-hop-bao-viet-nam-hlv-kim-sang-sik-noi-gi-khi-pho-chu-tich-thai-lan-mia-mai-dan-nhap-tich-983182608.html', title: 'Trực tuyến họp báo Việt Nam: HLV Kim Sang Sik nói gì khi Phó Chủ tịch Thái Lan mỉa mai dàn nhập tịch', target: '_parent' },{ poster: 'https://cdn.bongdaplus.vn/assets/Media/2026/08/21/13/anhlivesua-480.jpg', vdoref: '/video/truc-tuyen-thai-lan-hop-bao-hlv-thach-dau-dt-viet-nam-983162608.html', title: ' Trực tuyến Thái Lan họp báo: HLV Anthony Hudson thách đấu ĐT Việt Nam', target: '_parent' },{ poster: 'https://cdn.bongdaplus.vn/assets/Media/2026/08/21/13/Thumb-tin-nong-21-8-480-up.jpg', vdoref: '/video/ban-tin-21-8-dt-viet-nam-chiu-thong-ke-cuc-xau-truoc-chung-ket-thai-lan-choi-chieu-nhu-indo-983152608.html', title: 'Bản tin 218: ĐT Việt Nam chịu thống kê cực xấu trước chung kết, Thái Lan chơi chiêu như Indo', target: '_parent' },{ poster: 'https://cdn.bongdaplus.vn/assets/Media/2026/08/21/26/cdv.jpg', vdoref: '/video/thai-lan-khoa-cdv-viet-nam-chi-3-000-ve-cho-tran-chung-ket-tai-rajamangala-983142608.html', title: 'Thái Lan khóa CĐV Việt Nam: Chỉ 3.000 vé cho trận chung kết tại Rajamangala', target: '_parent' },{ poster: 'https://cdn.bongdaplus.vn/assets/Media/2026/08/21/13/livethumbYT-480.jpg', vdoref: '/video/truoc-tran-thai-lan-vs-viet-nam-svd-rajamagala-vang-tanh-hon-chua-ba-danh-983132608.html', title: 'Trước trận Thái Lan vs Việt Nam: SVĐ Rajamagala vắng tanh hơn chùa Bà Đanh', target: '_parent' },{ poster: 'https://cdn.bongdaplus.vn/assets/Media/2026/08/20/80/ThumbRuaThaivsVietnam-480.jpg', vdoref: '/video/du-doan-ty-so-thai-lan-vs-viet-nam-than-rua-ali-33-chon-doi-nao-983092608.html', title: 'Dự đoán tỷ số Thái Lan vs Việt Nam: Thần Rùa Ali 33 chọn đội nào?', target: '_parent' },{ poster: 'https://cdn.bongdaplus.vn/assets/Media/2026/08/20/26/xuan-son.jpg', vdoref: '/video/truyen-thong-anh-dac-biet-chu-y-den-ngoi-no-cua-dt-viet-nam-983072608.html', title: 'Truyền thông Anh đặc biệt chú ý đến ngòi nổ của ĐT Việt Nam', target: '_parent' },{ poster: 'https://cdn.bongdaplus.vn/assets/Media/2026/08/20/26/Kim-Sang-Sik.jpg', vdoref: '/video/dt-viet-nam-co-mat-tai-thai-lan-ao-trang-van-chua-bi-thay-kim-vut-het-983082608.html', title: 'ĐT Việt Nam có mặt tại Thái Lan, áo trắng vẫn chưa bị thầy Kim bỏ hết', target: '_parent' }]);
|
| 34 |
-
|
| 35 |
-
var vst = window['vast'] || '';
|
| 36 |
-
if (vst) {
|
| 37 |
-
vst = vst.replace('[yo_page_url]', window.parent.location.href);
|
| 38 |
-
vdo.adsVastClient(vst);
|
| 39 |
-
}
|
| 40 |
-
vdo.ready(function () { vdo.play(); }); var counter = 0;
|
| 41 |
-
if (window.parent.location.href.indexOf('.vn/video/') < 0) {
|
| 42 |
-
window.addEventListener("click", function () {
|
| 43 |
-
if (!counter) {
|
| 44 |
-
var img = document.createElement("img");
|
| 45 |
-
img.src = "/imgthumbnail/98267/1/1";
|
| 46 |
-
img.width = 0;
|
| 47 |
-
img.height = 0;
|
| 48 |
-
document.body.appendChild(img);
|
| 49 |
-
counter++;
|
| 50 |
-
}
|
| 51 |
-
});
|
| 52 |
-
}
|
| 53 |
-
</script>
|
| 54 |
-
</div>
|
| 55 |
-
</body>
|
| 56 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
headers.txt
DELETED
|
@@ -1,9 +0,0 @@
|
|
| 1 |
-
HTTP/2 200
|
| 2 |
-
strict-transport-security: max-age=31536000; includeSubDomains; preload
|
| 3 |
-
set-cookie: BongdaplusView_98267_1=1; expires=Sat, 22 Aug 2026 02:21:27 GMT; path=/
|
| 4 |
-
x-frame-options: SAMEORIGIN
|
| 5 |
-
x-xss-protection: 1; mode=block
|
| 6 |
-
x-content-type-options: nosniff
|
| 7 |
-
x-powered-by: ASP.NET
|
| 8 |
-
date: Sat, 22 Aug 2026 01:51:27 GMT
|
| 9 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
index_v2.html
DELETED
|
@@ -1,98 +0,0 @@
|
|
| 1 |
-
<!DOCTYPE html>
|
| 2 |
-
<html lang="vi">
|
| 3 |
-
<head>
|
| 4 |
-
<meta charset="utf-8">
|
| 5 |
-
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
|
| 6 |
-
<title>VNEWS - Tin Tức Việt Nam</title>
|
| 7 |
-
<meta name="description" content="Tin tức tổng hợp, bóng đá trực tiếp, video highlight, AI tóm tắt.">
|
| 8 |
-
<meta property="og:title" content="VNEWS - Tin Tức Việt Nam">
|
| 9 |
-
<meta property="og:image" content="https://s1.vnecdn.net/vnexpress/restruct/i/v9505/logo_default.jpg">
|
| 10 |
-
<link rel="canonical" href="https://bep40-vnews.hf.space">
|
| 11 |
-
<link rel="stylesheet" href="/static/wc2026.css"><link rel="stylesheet" href="/static/fm_fix.css">
|
| 12 |
-
<script src="https://cdn.jsdelivr.net/npm/hls.js@1/dist/hls.min.js"></script>
|
| 13 |
-
<style>
|
| 14 |
-
*{box-sizing:border-box;margin:0;padding:0}body{background:#111;color:#eee;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;overflow-x:hidden}.header{background:linear-gradient(135deg,#0d1117,#1a3a2a 50%,#8b7500);padding:12px;text-align:center}.header h1{font-size:18px;color:#fff}.header p{font-size:10px;color:#aaa}.cats{display:flex;overflow-x:auto;background:#1a1a1a;border-bottom:1px solid #333;padding:0 4px;position:sticky;top:0;z-index:50;scrollbar-width:none}.cats::-webkit-scrollbar{display:none}.cat{padding:9px 11px;color:#888;font-size:11px;white-space:nowrap;border-bottom:2px solid transparent;cursor:pointer;flex-shrink:0}.cat.active{color:#5cb87a;border-bottom-color:#5cb87a;font-weight:700}.view{display:none}.view.active{display:block}.loading{text-align:center;padding:30px;color:#777;font-size:12px}.slider-wrap{margin:6px 4px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;overflow:hidden}.slider-header{padding:7px 10px;display:flex;align-items:center;justify-content:space-between}.slider-label{color:#f0c040;font-size:13px;font-weight:800}.slider-note{font-size:10px;color:#777}.slider-track{display:flex;overflow-x:auto;gap:8px;padding:4px 10px 10px;scrollbar-width:none}.slider-track::-webkit-scrollbar{display:none}.slider-item{flex:0 0 160px;cursor:pointer}.slider-thumb{position:relative;width:100%;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#333}.slider-thumb img,.slider-thumb video{width:100%;height:100%;object-fit:cover}.slider-title{font-size:10px;color:#ccc;margin-top:3px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:6px 4px}@media(min-width:650px){.grid{grid-template-columns:repeat(3,1fr)}}.card{background:#1a1a1a;border:1px solid #222;border-radius:8px;overflow:hidden;cursor:pointer}.card-img{position:relative;aspect-ratio:16/9;background:#333}.card-img img{width:100%;height:100%;object-fit:cover}.card-body{padding:6px 8px}.card-title{font-size:11px;line-height:1.35;color:#eee;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.badge{font-size:8px;padding:1px 5px;border-radius:3px;font-weight:700;display:inline-block;margin-bottom:2px;color:#fff}.badge-vne{background:#c0392b}.badge-genk{background:#6a1b9a}.badge-ai{background:#2d8659}.badge-wc{background:#0b6bcb}.section-title{font-size:13px;font-weight:800;color:#5cb87a;margin:8px 0 4px;padding-left:8px;border-left:3px solid #5cb87a}.back-btn{background:#111;color:#fff;border:none;padding:10px;font-size:12px;width:100%;position:sticky;top:0;z-index:60;cursor:pointer}.article-view{padding:12px 8px 40px;max-width:760px;margin:0 auto}.article-title{font-size:18px;font-weight:800;line-height:1.3;margin-bottom:8px}.article-summary{background:#1a2a1f;border-left:3px solid #2d8659;padding:10px;margin-bottom:14px;color:#ccc;font-size:13px}.article-p{font-size:14px;line-height:1.7;color:#ccc;margin-bottom:10px}.article-img{width:100%;border-radius:6px;margin:10px 0}.article-h2{font-size:16px;margin:16px 0 8px;color:#eee}.article-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #333;margin-top:16px;padding-top:10px}.article-actions button{background:#1a1a1a;border:1px solid #333;color:#ccc;padding:7px 12px;border-radius:14px;font-size:11px;cursor:pointer}.article-actions button.primary{background:#2d8659;border-color:#2d8659;color:#fff}.article-ai-ask{margin-top:12px;background:#141414;border:1px solid #2a2a2a;border-radius:10px;padding:10px}.article-ai-ask textarea{width:100%;min-height:60px;background:#222;border:1px solid #444;color:#eee;border-radius:10px;padding:9px;font-size:12px}.article-ai-ask button{background:#2d8659;border:0;color:#fff;border-radius:10px;padding:8px 12px;margin-top:6px;font-size:11px;cursor:pointer}.article-ai-answer{white-space:pre-wrap;color:#ccc;font-size:13px;line-height:1.55;margin-top:8px}.tiktok-container{width:100%;height:80vh;max-height:680px;min-height:400px;background:#000}.tiktok-feed{height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none}.tiktok-feed::-webkit-scrollbar{display:none}.tiktok-slide{height:80vh;max-height:680px;min-height:400px;scroll-snap-align:start;position:relative;background:#000;display:flex;align-items:center;justify-content:center}.tiktok-slide video{width:100%;height:100%;object-fit:cover;border:none}.tiktok-slide iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:177.78vh;min-width:100%;height:100%;border:none;pointer-events:none;max-width:none}.tiktok-slide.ratio-wide video{width:100%;height:100%;object-fit:contain}.tiktok-slide.ratio-wide iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100vw - 1px);height:56.25vw;max-width:100vw;max-height:100%;border:none;pointer-events:none}.tiktok-bottom{position:absolute;bottom:0;left:0;right:60px;padding:12px 10px 16px;background:linear-gradient(transparent,rgba(0,0,0,.85));z-index:3}.tiktok-title{font-size:12px;color:#fff}.tiktok-counter{position:absolute;top:8px;left:8px;background:rgba(0,0,0,.5);font-size:9px;padding:2px 7px;border-radius:8px;color:#fff;z-index:4}.tiktok-right{position:absolute;right:8px;bottom:100px;display:flex;flex-direction:column;align-items:center;gap:14px;z-index:5}.tiktok-right-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:0;color:#fff;cursor:pointer;font-size:10px}.tiktok-right-btn .icon{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:20px}.tiktok-right-btn .count{font-size:10px;color:#ddd}.inline-comments{position:absolute;bottom:0;left:0;right:0;max-height:60%;min-height:140px;background:rgba(18,18,18,.95);border-radius:14px 14px 0 0;z-index:10;overflow:clip;display:flex;flex-direction:column}.inline-cmt-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #333;color:#5cb87a;font-size:12px;font-weight:700;flex-shrink:0}.inline-cmt-header button{background:none;border:0;color:#fff;font-size:16px;cursor:pointer}.inline-cmt-list{flex:1 1 auto;overflow-y:auto;padding:6px 10px;max-height:140px;min-height:40px}.inline-cmt-item{background:#222;border-radius:8px;padding:6px 8px;margin:4px 0;color:#ccc;font-size:11px;line-height:1.3}.inline-cmt-time{font-size:9px;color:#777;margin-right:6px}.inline-cmt-input{display:flex;gap:6px;padding:8px 10px;border-top:1px solid #333;flex-shrink:0;position:sticky;bottom:0;background:rgba(18,18,18,.98)}.inline-cmt-input input{flex:1;background:#222;border:1px solid #444;color:#eee;border-radius:16px;padding:7px 12px;font-size:11px;min-height:32px}.inline-cmt-input button{background:#2d8659;border:0;color:#fff;border-radius:16px;padding:7px 12px;font-size:11px;cursor:pointer;min-height:32px}.wc2026-section{margin:6px 4px;background:linear-gradient(135deg,#0d1117,#1a1a3a);border:1px solid #1a3a5a;border-radius:10px;overflow:hidden}.wc-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:linear-gradient(90deg,#0b2e4a,#1a3a5a)}.wc-header h2{font-size:15px;color:#fff;margin:0}.wc-live-badge{font-size:10px;color:#e74c3c;font-weight:700;animation:wc-pulse 1.5s infinite}@keyframes wc-pulse{0%,100%{opacity:1}50%{opacity:.4}}.wc-tabs{display:flex;gap:4px;padding:8px 10px;overflow-x:auto;scrollbar-width:none}.wc-tabs::-webkit-scrollbar{display:none}.wc-tab{padding:5px 10px;background:#1a2a3a;border:1px solid #2a3a4a;border-radius:12px;color:#8ab4d8;font-size:10px;cursor:pointer;white-space:nowrap;flex-shrink:0}.wc-tab.active{background:#0b6bcb;border-color:#0b6bcb;color:#fff;font-weight:700}.wc-content{padding:8px 10px;max-height:500px;overflow-y:auto}.wc-news-grid{display:flex;flex-direction:column;gap:8px}.wc-news-item{display:flex;gap:8px;padding:8px;background:#1a2030;border-radius:8px;cursor:pointer}.wc-news-item:active{opacity:.8}.wc-news-img{flex:0 0 70px;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#222}.wc-news-img img{width:100%;height:100%;object-fit:cover}.wc-news-text{flex:1;min-width:0}.wc-news-title{font-size:11px;font-weight:700;color:#eee;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wc-news-via{font-size:9px;color:#6a9fca;margin-top:2px}.ls-section{margin:6px 4px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;overflow:hidden}.ls-header{padding:7px 10px;display:flex;align-items:center;justify-content:space-between}.ls-header h3{color:#f0c040;font-size:13px;font-weight:800}.ls-tabs{display:flex;gap:4px;padding:0 10px 8px;overflow-x:auto;scrollbar-width:none}.ls-tabs::-webkit-scrollbar{display:none}.ls-tab{padding:4px 10px;background:#222;border:1px solid #333;border-radius:12px;color:#999;font-size:10px;white-space:nowrap;cursor:pointer;flex-shrink:0}.ls-tab.active{background:#2d8659;border-color:#2d8659;color:#fff;font-weight:700}.ls-content{max-height:420px;overflow-y:auto;padding:0 6px 8px;font-size:12px;color:#ddd}.ls-content ul{list-style:none;padding:0;margin:0}.ls-content .title-content{display:flex;gap:6px;align-items:center;background:#222;border-radius:4px;margin:4px 0;padding:5px 8px}.ls-content .title-content img{width:18px;height:18px}.ls-content .title-content strong{font-size:11px;color:#ccc}.ls-content .match-detail{padding:6px;border-bottom:1px solid #262626;cursor:pointer}.ls-content .match-detail:hover{background:#1a2a1f}.ls-content .match{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.ls-content .datetime{width:100%;font-size:9px;color:#888}.ls-content .teams{display:flex;width:100%;align-items:center;gap:4px}.ls-content .team{flex:1;display:flex;align-items:center;gap:4px;min-width:0;text-decoration:none}.ls-content .team .name{font-size:11px;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ls-content .team .logo img{width:18px;height:18px}.ls-content .home-team{justify-content:flex-end;text-align:right}.ls-content .status{flex:0 0 54px;text-align:center}.ls-content .status a{color:#fff;text-decoration:none;font-weight:800;font-size:12px}.ls-content .status .label{font-size:8px;color:#888;display:block}.ls-content .status .label.live{color:#e74c3c}.ls-content .info,.ls-content .btns{display:none}.ls-content table{width:100%;border-collapse:collapse;font-size:11px;color:#ccc}.ls-content table th{background:#222;color:#999;padding:5px 4px;font-size:10px;border-bottom:1px solid #333}.ls-content table td{padding:4px 3px;border-bottom:1px solid #1a1a1a}.ls-content table .team-name{display:flex;align-items:center;gap:4px}.ls-content table .team-name img{width:16px;height:16px}.ls-content table .pts{font-weight:800;color:#f0c040}.match-overlay{position:fixed;inset:0;background:#111;z-index:9999;display:none;flex-direction:column;overflow:auto}.match-overlay.active{display:flex}.mo-header{padding:10px;background:#1a1a1a;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1}.mo-header h3{font-size:13px;color:#eee}.mo-close{background:none;border:0;color:#fff;font-size:22px;cursor:pointer}.mo-tabs{display:flex;gap:4px;padding:8px 10px;background:#1a1a1a;overflow-x:auto}.mo-tab{padding:5px 12px;background:#222;border:1px solid #333;border-radius:10px;color:#999;font-size:10px;cursor:pointer;white-space:nowrap}.mo-tab.active{background:#2d8659;color:#fff}.mo-body{padding:8px;overflow-x:auto;font-size:12px;color:#ddd}.mo-body ul{list-style:none;padding:0;margin:0}.mo-body li{padding:5px 0;border-bottom:1px solid #222}.featured-match{margin:6px 4px;background:linear-gradient(135deg,#1a2a1f,#0d1117);border:1px solid #2d8659;border-radius:10px;padding:12px;cursor:pointer}.fm-league{text-align:center;color:#5cb87a;font-size:9px;font-weight:700;text-transform:uppercase}.fm-teams{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px}.fm-team{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.fm-team img{width:32px;height:32px;object-fit:contain}.fm-team span{font-size:10px;color:#ccc;text-align:center}.fm-score{font-size:22px;font-weight:900;min-width:60px;text-align:center;color:#fff}.fm-status{text-align:center;margin-top:6px;font-size:9px;color:#e74c3c;font-weight:700}.fm-status.upcoming{color:#f0c040}.ai-compose{margin:6px 4px;background:#141414;border:1px solid #2a2a2a;border-radius:10px;padding:10px}.ai-compose-title{font-size:13px;font-weight:800;color:#5cb87a;margin-bottom:8px}.ai-compose-row{display:flex;gap:6px;margin-top:6px}.ai-compose input{flex:1;background:#222;border:1px solid #333;color:#eee;border-radius:18px;padding:9px 12px;font-size:12px;min-width:0}.ai-compose button{background:#2d8659;border:0;color:#fff;border-radius:18px;padding:9px 12px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.ai-compose button.secondary{background:#333}.ai-compose button.hot-short-btn{background:linear-gradient(135deg,#8b1a5a,#c0392b);border:1px solid #e07050;color:#fff;box-shadow:0 0 10px rgba(192,57,43,.4);animation:hot-pulse 2s infinite}@keyframes hot-pulse{0%,100%{box-shadow:0 0 6px rgba(192,57,43,.35)}50%{box-shadow:0 0 16px rgba(192,57,43,.75)}}.hot-topic-row{display:flex;gap:6px;overflow-x:auto;padding:4px 0;scrollbar-width:none}.hot-topic-row::-webkit-scrollbar{display:none}.hot-chip{flex:0 0 auto;background:#222;border:1px solid #333;color:#ddd;border-radius:16px;padding:5px 10px;font-size:11px;cursor:pointer;white-space:nowrap}.hot-chip:active{transform:scale(.96)}.hashtag-sources{margin:8px 4px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:10px}.hashtag-sources h3{font-size:13px;color:#5cb87a;margin-bottom:8px}.hashtag-src-item{display:flex;gap:8px;padding:8px;background:#202020;border-radius:8px;margin:6px 0;cursor:pointer}.hashtag-src-item:active{opacity:.8}.hashtag-src-img{flex:0 0 80px;aspect-ratio:16/9;background:#333;border-radius:6px;overflow:hidden}.hashtag-src-img img{width:100%;height:100%;object-fit:cover}.hashtag-src-text{flex:1;min-width:0}.hashtag-src-title{font-size:12px;font-weight:700;color:#eee;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hashtag-src-via{font-size:10px;color:#888;margin-top:2px}.hashtag-rewrite-btn{width:100%;margin-top:8px;background:#2d8659;border:0;color:#fff;padding:9px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer}.hashtag-load-more{width:100%;margin-top:8px;background:#222;border:1px solid #333;color:#ccc;padding:9px;border-radius:10px;font-size:12px;cursor:pointer}.hashtag-loading{display:flex;align-items:center;gap:8px;padding:12px;color:#888;font-size:12px}.hashtag-spinner{width:16px;height:16px;border:2px solid #333;border-top-color:#5cb87a;border-radius:50%;animation:ht-spin .8s linear infinite}@keyframes ht-spin{to{transform:rotate(360deg)}}.wall-item{flex:0 0 260px;background:#141414;border:1px solid #2b2b2b;border-radius:10px;padding:8px}.wall-item-new{animation:wall-flash 1.8s ease-out}@keyframes wall-flash{0%{border-color:#f0c040;box-shadow:0 0 18px rgba(240,192,64,.35)}30%{border-color:#f0c040;box-shadow:0 0 12px rgba(240,192,64,.2)}100%{border-color:#2b2b2b;box-shadow:none}}.wall-thumb{width:100%;aspect-ratio:16/9;border-radius:8px;background:#222;overflow:hidden;margin-bottom:6px;position:relative}.wall-thumb img{width:100%;height:100%;object-fit:cover}.wall-video-badge{position:absolute;top:4px;right:4px;background:rgba(45,134,89,.9);color:#fff;font-size:10px;padding:2px 6px;border-radius:6px;font-weight:700}.wall-title{font-size:12px;color:#5cb87a;font-weight:800;line-height:1.3;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wall-text{font-size:11px;color:#bbb;line-height:1.4;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.wall-actions{display:flex;gap:6px;margin-top:8px}.wall-actions button{flex:1;border:1px solid #333;background:#222;color:#ddd;border-radius:14px;padding:6px 8px;font-size:10px;cursor:pointer}.wall-actions button.primary{background:#2d8659;border-color:#2d8659;color:#fff}.wall-actions button.wall-btn-design{background:#1a3a5a;border-color:#3a5a7a;color:#fff;font-weight:700}#progress-toast{position:fixed;bottom:70px;left:50%;transform:translateX(-50%);background:#2d8659;color:#fff;padding:10px 20px;border-radius:20px;font-size:12px;z-index:99998;box-shadow:0 4px 12px rgba(0,0,0,.4);display:none;white-space:nowrap}.storage-warn{background:#332200;border:1px solid #664400;color:#ffcc00;padding:8px 12px;border-radius:8px;font-size:11px;margin:6px 4px}
|
| 15 |
-
.hl-load-more:hover{background:#2a2a2a !important}
|
| 16 |
-
.slider-wrap{margin:6px 4px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;overflow:hidden}
|
| 17 |
-
.slider-track{display:flex;overflow-x:auto;gap:8px;padding:4px 10px 10px;scrollbar-width:none}
|
| 18 |
-
.slider-track::-webkit-scrollbar{display:none}
|
| 19 |
-
.slider-item{flex:0 0 160px;cursor:pointer}
|
| 20 |
-
.slider-thumb{position:relative;width:100%;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#333}
|
| 21 |
-
.slider-thumb img,.slider-thumb video{width:100%;height:100%;object-fit:cover}
|
| 22 |
-
.card-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}
|
| 23 |
-
.slider-title{font-size:10px;color:#ccc;margin-top:3px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
|
| 24 |
-
.ls-section-header{padding:8px 10px;font-size:11px;font-weight:700;color:#5cb87a;border-bottom:1px solid #2a2a2a}
|
| 25 |
-
.ls-section-header.upcoming{color:#f0c040}
|
| 26 |
-
.ls-section-header.finished{color:#e74c3c}
|
| 27 |
-
.ls-section-header.yesterday{color:#8ab4f0}
|
| 28 |
-
.ls-section-header.older{color:#888}
|
| 29 |
-
.hl-load-more{margin:4px 8px 8px;background:#222;border:1px solid #333;color:#ccc;padding:6px 12px;border-radius:8px;font-size:11px;cursor:pointer;width:calc(100% - 16px);display:block}
|
| 30 |
-
.hl-load-more:hover{background:#2a2a2a}
|
| 31 |
-
</style>
|
| 32 |
-
</head>
|
| 33 |
-
<body>
|
| 34 |
-
<div class="header"><h1>📰 VNEWS</h1><p>Tin tức · Bóng đá LIVE · Highlight · AI · World Cup 2026</p></div>
|
| 35 |
-
<div class="cats" id="cat-bar"></div>
|
| 36 |
-
<div id="home-hl-section"></div>
|
| 37 |
-
<div id="view-home" class="view active"><div class="loading">Đang tải...</div></div>
|
| 38 |
-
<div id="view-cat" class="view"></div>
|
| 39 |
-
<div id="view-video" class="view"></div>
|
| 40 |
-
<div id="view-tiktok" class="view"></div>
|
| 41 |
-
<div id="view-article" class="view"></div>
|
| 42 |
-
<div class="match-overlay" id="match-overlay">
|
| 43 |
-
<div class="mo-header"><h3 id="mo-title">Chi tiết trận đấu</h3><button class="mo-close" onclick="closeMatch()">✕</button></div>
|
| 44 |
-
<div class="mo-tabs"><span class="mo-tab active" onclick="loadMatchTab('detail')">📋 Chi tiết</span><span class="mo-tab" onclick="loadMatchTab('comm')">Diễn biến</span><span class="mo-tab" onclick="loadMatchTab('stats')">Thống kê</span></div>
|
| 45 |
-
<div class="mo-body" id="mo-body"><div class="loading">Đang tải...</div></div>
|
| 46 |
-
</div>
|
| 47 |
-
<div id="progress-toast"></div>
|
| 48 |
-
<script>
|
| 49 |
-
var _cats=[],_hlLeagueData={},_currentArticle=null;window._currentEventId='';
|
| 50 |
-
function esc(s){return String(s||'').replace(/[&<>"']/g,m=>({'&':'&','<':'<','>':'>','"':'"',"'":'''}[m]))}
|
| 51 |
-
function showView(id){document.querySelectorAll('.view').forEach(v=>v.classList.remove('active'));document.getElementById(id)?.classList.add('active')}
|
| 52 |
-
function switchCat(id){document.querySelectorAll('.cat').forEach(c=>c.classList.remove('active'));document.querySelector('[data-cat="'+id+'"]')?.classList.add('active');document.querySelectorAll('.view').forEach(v=>v.classList.remove('active'));document.querySelectorAll('video').forEach(v=>{v.pause();if(v._hls){v._hls.destroy();v._hls=null}});document.querySelectorAll('iframe[data-yt-src]').forEach(f=>{f.src=''});if(id==='home')document.getElementById('view-home').classList.add('active');else if(id==='news-all'){document.getElementById('view-cat').classList.add('active');loadNewsTab()}else{document.getElementById('view-cat').classList.add('active');loadCat(id)}}
|
| 53 |
-
function toast(msg){let t=document.getElementById('progress-toast');if(t){t.textContent=msg;t.style.display='block';setTimeout(()=>{t.style.display='none'},3500)}}
|
| 54 |
-
function doShare(title,url,img,postId){
|
| 55 |
-
var shareUrl;
|
| 56 |
-
if(postId){
|
| 57 |
-
shareUrl = SPACE+'/s?post_id='+encodeURIComponent(postId)+'&title='+encodeURIComponent(title);
|
| 58 |
-
} else {
|
| 59 |
-
shareUrl = SPACE+'/s?url='+encodeURIComponent(url)+'&title='+encodeURIComponent(title)+'&img='+encodeURIComponent(img||'');
|
| 60 |
-
}
|
| 61 |
-
// Use clipboard API first (modern, works on Chrome mobile 85+)
|
| 62 |
-
if(navigator.clipboard && navigator.clipboard.writeText){
|
| 63 |
-
navigator.clipboard.writeText(shareUrl).then(function(){
|
| 64 |
-
toast('📋 Đã sao chép link!');
|
| 65 |
-
try{if(navigator.share)navigator.share({title:title||'',url:shareUrl}).catch(function(){});}catch(e){}
|
| 66 |
-
}).catch(function(){
|
| 67 |
-
try{
|
| 68 |
-
var ta=document.createElement('textarea');ta.value=shareUrl;ta.style.position='fixed';ta.style.left='-9999px';ta.style.top='-9999px';ta.style.opacity='0';
|
| 69 |
-
document.body.appendChild(ta);ta.select();ta.setSelectionRange(0,99999);
|
| 70 |
-
if(document.execCommand('copy')){toast('📋 Đã sao chép link!');}else{prompt('📋 Sao chép link:', shareUrl);}
|
| 71 |
-
document.body.removeChild(ta);
|
| 72 |
-
}catch(e){prompt('📋 Sao chép link:', shareUrl);}
|
| 73 |
-
try{if(navigator.share)navigator.share({title:title||'',url:shareUrl}).catch(function(){});}catch(e){}
|
| 74 |
-
});
|
| 75 |
-
} else {
|
| 76 |
-
try{
|
| 77 |
-
var ta=document.createElement('textarea');ta.value=shareUrl;ta.style.position='fixed';ta.style.left='-9999px';ta.style.top='-9999px';ta.style.opacity='0';
|
| 78 |
-
document.body.appendChild(ta);ta.select();ta.setSelectionRange(0,99999);
|
| 79 |
-
if(document.execCommand('copy')){toast('📋 Đã sao chép link!');}else{prompt('📋 Sao chép link:', shareUrl);}
|
| 80 |
-
document.body.removeChild(ta);
|
| 81 |
-
}catch(e){prompt('📋 Sao chép link:', shareUrl);}
|
| 82 |
-
try{if(navigator.share)navigator.share({title:title||'',url:shareUrl}).catch(function(){});}catch(e){}
|
| 83 |
-
}
|
| 84 |
-
}
|
| 85 |
-
async function init(){_cats=await fetch('/api/categories').then(r=>r.json()).catch(()=>[]);let bar='<div class="cat active" data-cat="home">🏠</div><div class="cat" data-cat="news-all">📰 Tin tức</div>';_cats.forEach(c=>{bar+='<div class="cat" data-cat="'+c.id+'">'+c.name+'</div>'});document.getElementById('cat-bar').innerHTML=bar;document.querySelectorAll('.cat').forEach(t=>{t.onclick=()=>switchCat(t.dataset.cat)});}
|
| 86 |
-
var SPACE=location.origin;
|
| 87 |
-
</script>
|
| 88 |
-
<script src="/static/app_v2.js?v=20260827fptwall"></script>
|
| 89 |
-
<script src="/static/designer_v2.js?v=20260817fix1"></script>
|
| 90 |
-
<script src="/static/yt_live.js"></script>
|
| 91 |
-
<script src="/static/vtv_init.js"></script>
|
| 92 |
-
<script src="/static/hot_multi.js?v=1"></script>
|
| 93 |
-
<script src="/static/wc2026_v2.js"></script>
|
| 94 |
-
<script src="/static/live_mode.js"></script>
|
| 95 |
-
<script src="/static/match_detail_v6.js"></script>
|
| 96 |
-
<script>init();loadHome();</script>
|
| 97 |
-
</body>
|
| 98 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
main.py
CHANGED
|
@@ -51,7 +51,7 @@ _cache_ttl_live = 60
|
|
| 51 |
_cache_ttl_yt = 1800
|
| 52 |
|
| 53 |
PRIORITY_LEAGUES = ["Ngoại Hạng Anh","FA Cup","Champions League","LaLiga","Copa del Rey","Serie A","Bundesliga","Ligue 1","V-League"]
|
| 54 |
-
LEAGUE_IDS = {"nha":
|
| 55 |
HL_LEAGUES = {
|
| 56 |
"premier-league":{"path":"anh/premier-league","name":"Premier League","emoji":"🏴"},
|
| 57 |
"fa-cup":{"path":"anh/fa-cup","name":"FA Cup","emoji":"🏆"},
|
|
@@ -69,17 +69,8 @@ def _cached(key, fn, ttl=None):
|
|
| 69 |
except: data=_cache.get(key,{}).get("d",[])
|
| 70 |
_cache[key]={"d":data,"t":now}; return data
|
| 71 |
def _get(url, headers=None):
|
| 72 |
-
h=headers or HEADERS
|
| 73 |
-
|
| 74 |
-
try:
|
| 75 |
-
r=requests.get(url, headers=h, timeout=15)
|
| 76 |
-
r.encoding="utf-8"
|
| 77 |
-
return BeautifulSoup(r.text,"lxml")
|
| 78 |
-
except Exception:
|
| 79 |
-
if attempt < 2:
|
| 80 |
-
time.sleep(0.5 * (attempt + 1))
|
| 81 |
-
else:
|
| 82 |
-
raise
|
| 83 |
def fetch_bongda_api(endpoint):
|
| 84 |
try:
|
| 85 |
r=requests.get(f"https://bongda.com.vn{endpoint}", headers=BONGDA_HEADERS, timeout=10)
|
|
@@ -160,7 +151,7 @@ def proxy_img(url: str = Query(...)):
|
|
| 160 |
def _scrape_xemlaibongda_page(page_path, limit=20):
|
| 161 |
try:
|
| 162 |
url = f"https://xemlaibongda.top/{page_path}" if page_path else "https://xemlaibongda.top/"
|
| 163 |
-
r = requests.get(url, headers=HEADERS, timeout=
|
| 164 |
if r.status_code != 200: return []
|
| 165 |
r.encoding = "utf-8"
|
| 166 |
soup = BeautifulSoup(r.text, "lxml")
|
|
@@ -218,7 +209,7 @@ def _scrape_xemlaibongda_page(page_path, limit=20):
|
|
| 218 |
if not img_src:
|
| 219 |
slug = clean_href.split("/video/")[-1].rstrip("/").split("/xem-lai/")[-1].rstrip("/")
|
| 220 |
img_src = f"https://xemlaibongda.top/uploads/thumb/{slug}.jpg"
|
| 221 |
-
videos.append({"title": title[:100], "link": clean_href, "img": img_src, "source": "xemlaibongda"
|
| 222 |
if len(videos) >= limit: break
|
| 223 |
return videos
|
| 224 |
except Exception as e:
|
|
@@ -227,240 +218,18 @@ def _scrape_xemlaibongda_page(page_path, limit=20):
|
|
| 227 |
def scrape_xemlaibongda(): return _scrape_xemlaibongda_page("", 20)
|
| 228 |
def scrape_highlights_by_league(league_key):
|
| 229 |
if league_key not in HL_LEAGUES: return []
|
| 230 |
-
|
| 231 |
-
bp_vids = scrape_bongdaplus_by_league(league_key, 20)
|
| 232 |
-
if bp_vids: return bp_vids
|
| 233 |
-
# Fallback: xemlaibongda.top (may be slow/unreachable)
|
| 234 |
-
vids = _scrape_xemlaibongda_page(HL_LEAGUES[league_key]["path"], 20)
|
| 235 |
-
if vids: return vids
|
| 236 |
-
# Ultimate fallback: bongdaplus.vn general video feed, only for primary home league
|
| 237 |
-
if league_key == "premier-league":
|
| 238 |
-
return scrape_bongdaplus_videos(20)
|
| 239 |
-
return []
|
| 240 |
def scrape_all_league_highlights():
|
| 241 |
results = {}
|
| 242 |
def _fetch(key): return key, scrape_highlights_by_league(key)
|
| 243 |
with ThreadPoolExecutor(8) as ex:
|
| 244 |
futs = [ex.submit(_fetch, k) for k in HL_LEAGUES]
|
| 245 |
-
for f in as_completed(futs, timeout=
|
| 246 |
try: key, vids = f.result()
|
| 247 |
except: continue
|
| 248 |
if vids: results[key] = vids
|
| 249 |
-
if not results:
|
| 250 |
-
fb = scrape_bongdaplus_videos(20)
|
| 251 |
-
if fb:
|
| 252 |
-
results["premier-league"] = fb
|
| 253 |
-
# The league sub-pages resolve to the SAME content from this server (the
|
| 254 |
-
# football sites serve one generic list regardless of league path). Return
|
| 255 |
-
# the unique videos once per league (deduped against the global set) and
|
| 256 |
-
# enrich with the general bongdaplus feed so the homepage slider gets a
|
| 257 |
-
# genuinely bigger, duplicate-free list instead of 8x the same 10 clips.
|
| 258 |
-
global_seen = set()
|
| 259 |
-
seen_per_league = {}
|
| 260 |
-
enriched = {}
|
| 261 |
-
try:
|
| 262 |
-
extra = scrape_bongdaplus_videos(40)
|
| 263 |
-
except Exception:
|
| 264 |
-
extra = []
|
| 265 |
-
for key, vids in list(results.items()):
|
| 266 |
-
uniq = []
|
| 267 |
-
fresh = []
|
| 268 |
-
for v in vids:
|
| 269 |
-
link = (v or {}).get("link", "")
|
| 270 |
-
if not link or link in seen_per_league.get(key, set()): continue
|
| 271 |
-
seen_per_league.setdefault(key, set()).add(link)
|
| 272 |
-
if link in global_seen:
|
| 273 |
-
fresh.append(v) # duplicate across leagues — will dedupe
|
| 274 |
-
continue
|
| 275 |
-
global_seen.add(link)
|
| 276 |
-
uniq.append(v)
|
| 277 |
-
# league-local unique list
|
| 278 |
-
if uniq:
|
| 279 |
-
results[key] = uniq
|
| 280 |
-
# still add across-league dupes to each league so per-league feeds
|
| 281 |
-
# are non-empty, but ONLY if the league has < 10 unique videos
|
| 282 |
-
if len(uniq) < 10:
|
| 283 |
-
for v in fresh:
|
| 284 |
-
link = (v or {}).get("link", "")
|
| 285 |
-
if link in seen_per_league.get(key, set()): continue
|
| 286 |
-
seen_per_league[key].add(link)
|
| 287 |
-
uniq.append(v)
|
| 288 |
-
results[key] = uniq
|
| 289 |
-
# enrich league with global feed leftovers when it's still thin
|
| 290 |
-
if len(uniq) < 10:
|
| 291 |
-
for v in extra:
|
| 292 |
-
link = (v or {}).get("link", "")
|
| 293 |
-
if not link or link in seen_per_league.get(key, set()): continue
|
| 294 |
-
seen_per_league[key].add(link)
|
| 295 |
-
uniq.append(v)
|
| 296 |
-
results[key] = uniq
|
| 297 |
return results
|
| 298 |
|
| 299 |
-
BDP_HL = "https://bongdaplus.vn/video"
|
| 300 |
-
def _video_published(img_src, link=""):
|
| 301 |
-
"""Best-effort publish date from image URL (bongdaplus stores dates as
|
| 302 |
-
/Media/YYYY/MM/DD/) or from a dated slug. Returns 'YYYY-MM-DD' or ''."""
|
| 303 |
-
try:
|
| 304 |
-
if img_src:
|
| 305 |
-
m = re.search(r"/Media/(\d{4})/(\d{2})/(\d{2})/", img_src)
|
| 306 |
-
if m:
|
| 307 |
-
return "%s-%s-%s" % (m.group(1), m.group(2), m.group(3))
|
| 308 |
-
if link:
|
| 309 |
-
m2 = re.search(r"/(\d{4})/(\d{2})/(\d{2})/", link)
|
| 310 |
-
if m2:
|
| 311 |
-
return "%s-%s-%s" % (m2.group(1), m2.group(2), m2.group(3))
|
| 312 |
-
except Exception:
|
| 313 |
-
pass
|
| 314 |
-
return ""
|
| 315 |
-
|
| 316 |
-
def scrape_bongdaplus_videos(limit=20):
|
| 317 |
-
"""Scrape football highlight/clip videos from bongdaplus.vn/video (reachable from HF Spaces)."""
|
| 318 |
-
try:
|
| 319 |
-
r = requests.get(BDP_HL, headers=HEADERS, timeout=15)
|
| 320 |
-
if r.status_code != 200: return []
|
| 321 |
-
r.encoding = "utf-8"
|
| 322 |
-
soup = BeautifulSoup(r.text, "lxml")
|
| 323 |
-
videos = []; seen = set()
|
| 324 |
-
for a in soup.find_all("a", href=True):
|
| 325 |
-
href = a.get("href","")
|
| 326 |
-
if "/video/" not in href or not href.endswith(".html"): continue
|
| 327 |
-
if not href.startswith("http"): href = "https://bongdaplus.vn" + href
|
| 328 |
-
link = href.split("?")[0].split("#")[0]
|
| 329 |
-
if link in seen: continue
|
| 330 |
-
seen.add(link)
|
| 331 |
-
img_src = ""
|
| 332 |
-
img = a.find("img")
|
| 333 |
-
if img:
|
| 334 |
-
img_src = img.get("data-src","") or img.get("src","") or ""
|
| 335 |
-
title = ""
|
| 336 |
-
t = a.get("title","") or ""
|
| 337 |
-
if t and len(t)>=5: title = t
|
| 338 |
-
if not title:
|
| 339 |
-
img_alt = img.get("alt","") if img else ""
|
| 340 |
-
if img_alt and len(img_alt)>=5: title = img_alt
|
| 341 |
-
if not title:
|
| 342 |
-
txt = a.get_text(strip=True)
|
| 343 |
-
if txt and len(txt)>=5: title = txt
|
| 344 |
-
title = re.sub(r'^(VIDEO\s*:\s*|VIDEO\s+)', '', title, flags=re.I).strip()
|
| 345 |
-
if not title or len(title)<5: continue
|
| 346 |
-
if img_src and img_src.startswith("//"): img_src = "https:" + img_src
|
| 347 |
-
videos.append({"title": title[:100], "link": link, "img": img_src, "source": "bongdaplus", "published": _video_published(img_src, link)})
|
| 348 |
-
if len(videos) >= limit: break
|
| 349 |
-
return videos
|
| 350 |
-
except Exception as e:
|
| 351 |
-
print(f"[bongdaplus] Error: {e}"); return []
|
| 352 |
-
|
| 353 |
-
# Bongdaplus.vn league-specific video URLs (used as fallback when xemlaibongda.top fails)
|
| 354 |
-
BDP_LEAGUE_URLS = {
|
| 355 |
-
"premier-league": "https://bongdaplus.vn/video/premier-league",
|
| 356 |
-
"la-liga": "https://bongdaplus.vn/video/la-liga",
|
| 357 |
-
"serie-a": "https://bongdaplus.vn/video/serie-a",
|
| 358 |
-
"bundesliga": "https://bongdaplus.vn/video/bundesliga",
|
| 359 |
-
"champions-league": "https://bongdaplus.vn/video/champions-league",
|
| 360 |
-
"fa-cup": "https://bongdaplus.vn/video/fa-cup",
|
| 361 |
-
"europa-league": "https://bongdaplus.vn/video/europa-league",
|
| 362 |
-
"world-cup": "https://bongdaplus.vn/video/world-cup",
|
| 363 |
-
}
|
| 364 |
-
def scrape_bongdaplus_by_league(league_key, limit=20):
|
| 365 |
-
"""Scrape bongdaplus.vn video page for a specific league."""
|
| 366 |
-
url = BDP_LEAGUE_URLS.get(league_key)
|
| 367 |
-
if not url: return []
|
| 368 |
-
try:
|
| 369 |
-
r = requests.get(url, headers=HEADERS, timeout=15)
|
| 370 |
-
if r.status_code != 200: return []
|
| 371 |
-
r.encoding = "utf-8"
|
| 372 |
-
soup = BeautifulSoup(r.text, "lxml")
|
| 373 |
-
videos = []; seen = set()
|
| 374 |
-
for a in soup.find_all("a", href=True):
|
| 375 |
-
href = a.get("href","")
|
| 376 |
-
if "/video/" not in href or not href.endswith(".html"): continue
|
| 377 |
-
if not href.startswith("http"): href = "https://bongdaplus.vn" + href
|
| 378 |
-
link = href.split("?")[0].split("#")[0]
|
| 379 |
-
if link in seen: continue
|
| 380 |
-
seen.add(link)
|
| 381 |
-
img_src = ""
|
| 382 |
-
img = a.find("img")
|
| 383 |
-
if img:
|
| 384 |
-
img_src = img.get("data-src","") or img.get("src","") or ""
|
| 385 |
-
title = ""
|
| 386 |
-
t = a.get("title","") or ""
|
| 387 |
-
if t and len(t)>=5: title = t
|
| 388 |
-
if not title:
|
| 389 |
-
img_alt = img.get("alt","") if img else ""
|
| 390 |
-
if img_alt and len(img_alt)>=5: title = img_alt
|
| 391 |
-
if not title:
|
| 392 |
-
txt = a.get_text(strip=True)
|
| 393 |
-
if txt and len(txt)>=5: title = txt
|
| 394 |
-
title = re.sub(r'^(VIDEO\s*:\s*|VIDEO\s+)', '', title, flags=re.I).strip()
|
| 395 |
-
if not title or len(title)<5: continue
|
| 396 |
-
if img_src and img_src.startswith("//"): img_src = "https:" + img_src
|
| 397 |
-
videos.append({"title": title[:100], "link": link, "img": img_src, "source": "bongdaplus", "published": _video_published(img_src, link)})
|
| 398 |
-
if len(videos) >= limit: break
|
| 399 |
-
return videos
|
| 400 |
-
except Exception as e:
|
| 401 |
-
print(f"[bongdaplus:{league_key}] Error: {e}"); return []
|
| 402 |
-
|
| 403 |
-
def extract_bongdaplus_video(url):
|
| 404 |
-
"""Extract direct MP4 from bongdaplus.vn video detail via its embed page.
|
| 405 |
-
|
| 406 |
-
The embed page (/video-embed/{id}.html) sometimes only has a JPG placeholder
|
| 407 |
-
as <source>. In that case, fall back to the main video page
|
| 408 |
-
(/video/{slug}.html) which contains a YouTube iframe with the actual
|
| 409 |
-
highlight.
|
| 410 |
-
"""
|
| 411 |
-
try:
|
| 412 |
-
m = re.search(r'/video/(?:[^/]+-)?(\d+)\.html', url)
|
| 413 |
-
if not m:
|
| 414 |
-
return None
|
| 415 |
-
vid = m.group(1)
|
| 416 |
-
embed = f"https://bongdaplus.vn/video-embed/{vid}.html"
|
| 417 |
-
r = requests.get(embed, headers=HEADERS, timeout=15)
|
| 418 |
-
if r.status_code != 200: return None
|
| 419 |
-
r.encoding = "utf-8"
|
| 420 |
-
soup = BeautifulSoup(r.text, "lxml")
|
| 421 |
-
video = soup.find("video")
|
| 422 |
-
src = ""
|
| 423 |
-
poster = ""
|
| 424 |
-
if video:
|
| 425 |
-
src = video.get("src","")
|
| 426 |
-
poster = video.get("poster","")
|
| 427 |
-
if not src:
|
| 428 |
-
src_el = soup.find("source")
|
| 429 |
-
if src_el: src = src_el.get("src","")
|
| 430 |
-
if not src: return None
|
| 431 |
-
src = src.split("?")[0].split("#")[0]
|
| 432 |
-
# Only accept real media; placeholder .jpg/jpeg/png means video not available
|
| 433 |
-
if not re.search(r'\.(mp4|m3u8|webm)$', src, re.I):
|
| 434 |
-
# The embed source is a JPG placeholder — fall back to the main video
|
| 435 |
-
# page and look for a YouTube iframe (actual highlight video).
|
| 436 |
-
try:
|
| 437 |
-
r2 = requests.get(url, headers=HEADERS, timeout=15)
|
| 438 |
-
if r2.status_code == 200:
|
| 439 |
-
soup2 = BeautifulSoup(r2.text, "lxml")
|
| 440 |
-
yt_iframe = soup2.find("iframe", src=re.compile(r"youtube\.com/embed|youtube-nocookie\.com/embed"))
|
| 441 |
-
if yt_iframe:
|
| 442 |
-
yt_src = yt_iframe.get("src","").strip()
|
| 443 |
-
if yt_src.startswith("//"): yt_src = "https:" + yt_src
|
| 444 |
-
yt_id = re.search(r'/(?:embed|v)/([a-zA-Z0-9_-]{11})', yt_src)
|
| 445 |
-
if yt_id:
|
| 446 |
-
poster = poster or ""
|
| 447 |
-
if not poster:
|
| 448 |
-
og = soup2.find("meta", property="og:image")
|
| 449 |
-
if og: poster = og.get("content","")
|
| 450 |
-
if not poster:
|
| 451 |
-
og = soup.find("meta", property="og:image")
|
| 452 |
-
if og: poster = og.get("content","")
|
| 453 |
-
return {"src": f"https://www.youtube.com/embed/{yt_id.group(1)}?autoplay=1&rel=0&enablejsapi=1", "poster": poster or yt_src, "type": "youtube"}
|
| 454 |
-
except Exception:
|
| 455 |
-
pass
|
| 456 |
-
return None
|
| 457 |
-
if not poster:
|
| 458 |
-
og = soup.find("meta",property="og:image")
|
| 459 |
-
if og: poster = og.get("content","")
|
| 460 |
-
return {"src": src, "poster": poster, "type": "video"}
|
| 461 |
-
except Exception:
|
| 462 |
-
return None
|
| 463 |
-
|
| 464 |
def extract_xemlaibongda_video(url):
|
| 465 |
try:
|
| 466 |
r=requests.get(url, headers=HEADERS, timeout=15)
|
|
@@ -497,206 +266,44 @@ def api_livescore_results():
|
|
| 497 |
today=datetime.now(VN_TZ).strftime("%Y-%m-%d");return JSONResponse({"html":_cached("ls_results",lambda:fetch_bongda_api(f"/api/fixtures/get-by-date?date={today}&status=finished"),ttl=_cache_ttl)})
|
| 498 |
@app.get("/api/livescore/standings/{league}")
|
| 499 |
def api_livescore_standings(league:str):
|
| 500 |
-
tid=LEAGUE_IDS.get(league,
|
| 501 |
@app.get("/api/livescore/date/{date}")
|
| 502 |
def api_livescore_date(date:str):return JSONResponse({"html":fetch_bongda_api(f"/api/fixtures/get-by-date?date={date}")})
|
| 503 |
|
| 504 |
-
def _compute_updates7d():
|
| 505 |
-
from datetime import date as _date
|
| 506 |
-
today = _date.today()
|
| 507 |
-
all_html = []
|
| 508 |
-
# Past 7 days (results)
|
| 509 |
-
for i in range(7, 0, -1):
|
| 510 |
-
d = (today - timedelta(days=i)).strftime("%Y-%m-%d")
|
| 511 |
-
html = fetch_bongda_api(f"/api/fixtures/get-by-date?date={d}&status=finished")
|
| 512 |
-
if html and len(html) > 50:
|
| 513 |
-
soup = BeautifulSoup(html, "lxml")
|
| 514 |
-
day_label = (today - timedelta(days=i)).strftime("%d/%m")
|
| 515 |
-
for match in soup.select(".match-detail"):
|
| 516 |
-
dt = soup.new_tag("div", **{"class": "datetime"})
|
| 517 |
-
dt.string = f"📅 {day_label}"
|
| 518 |
-
match.insert(0, dt)
|
| 519 |
-
all_html.append(str(soup))
|
| 520 |
-
# Next 7 days (upcoming)
|
| 521 |
-
for i in range(7):
|
| 522 |
-
d = (today + timedelta(days=i)).strftime("%Y-%m-%d")
|
| 523 |
-
html = fetch_bongda_api(f"/api/fixtures/get-by-date?date={d}")
|
| 524 |
-
if html and len(html) > 50:
|
| 525 |
-
soup = BeautifulSoup(html, "lxml")
|
| 526 |
-
day_label = (today + timedelta(days=i)).strftime("%d/%m")
|
| 527 |
-
for match in soup.select(".match-detail"):
|
| 528 |
-
dt = soup.new_tag("div", **{"class": "datetime"})
|
| 529 |
-
dt.string = f"📅 {day_label}"
|
| 530 |
-
match.insert(0, dt)
|
| 531 |
-
all_html.append(str(soup))
|
| 532 |
-
combined = "<div class='updates7d'>" + "".join(all_html) + "</div>"
|
| 533 |
-
return combined if all_html else ""
|
| 534 |
-
|
| 535 |
-
_updates7d_cache = {"t": 0, "d": "", "busy": False}
|
| 536 |
-
_updates7d_lock = threading.Lock()
|
| 537 |
-
def _start_updates7d_refresh():
|
| 538 |
-
def _run():
|
| 539 |
-
try:
|
| 540 |
-
with _updates7d_lock:
|
| 541 |
-
if _updates7d_cache["busy"]: return
|
| 542 |
-
_updates7d_cache["busy"] = True
|
| 543 |
-
data = _compute_updates7d()
|
| 544 |
-
with _updates7d_lock:
|
| 545 |
-
if data:
|
| 546 |
-
_updates7d_cache["t"] = time.time()
|
| 547 |
-
_updates7d_cache["d"] = data
|
| 548 |
-
_updates7d_cache["busy"] = False
|
| 549 |
-
except Exception:
|
| 550 |
-
with _updates7d_lock:
|
| 551 |
-
_updates7d_cache["busy"] = False
|
| 552 |
-
th = threading.Thread(target=_run, daemon=True)
|
| 553 |
-
th.start()
|
| 554 |
-
|
| 555 |
@app.get("/api/livescore/updates7d")
|
| 556 |
def api_livescore_updates7d():
|
| 557 |
-
"""Aggregate matches
|
| 558 |
-
|
| 559 |
-
|
| 560 |
-
|
| 561 |
-
|
| 562 |
-
|
| 563 |
-
|
| 564 |
-
|
| 565 |
-
|
| 566 |
-
|
| 567 |
-
|
| 568 |
-
|
| 569 |
-
|
| 570 |
-
|
| 571 |
-
|
| 572 |
-
|
| 573 |
-
|
| 574 |
-
|
| 575 |
-
|
| 576 |
-
|
| 577 |
-
|
| 578 |
-
|
| 579 |
-
|
| 580 |
-
|
| 581 |
-
|
| 582 |
-
|
| 583 |
-
|
| 584 |
-
|
| 585 |
-
|
| 586 |
-
|
| 587 |
-
all_html
|
| 588 |
-
|
| 589 |
-
# 1) Trận sắp tới (hôm nay + ngày mai)
|
| 590 |
-
upcoming_html = []
|
| 591 |
-
for offset in [0, 1]:
|
| 592 |
-
d = (today + timedelta(days=offset)).strftime("%Y-%m-%d")
|
| 593 |
-
day_label = (today + timedelta(days=offset)).strftime("%d/%m")
|
| 594 |
-
html = fetch_bongda_api(f"/api/fixtures/get-by-date?date={d}")
|
| 595 |
-
if html and len(html) > 50:
|
| 596 |
-
soup = BeautifulSoup(html, "lxml")
|
| 597 |
-
for match in soup.select(".match-detail"):
|
| 598 |
-
dt = soup.new_tag("div", **{"class": "datetime section-date"})
|
| 599 |
-
dt.string = f"📅 {day_label}"
|
| 600 |
-
match.insert(0, dt)
|
| 601 |
-
upcoming_html.append(str(soup))
|
| 602 |
-
if upcoming_html:
|
| 603 |
-
all_html.append("<div class='ls-section-header upcoming'><span>⏰ Trận sắp tới</span></div><div class='ls-section-body upcoming'>" + "".join(upcoming_html) + "</div>")
|
| 604 |
-
|
| 605 |
-
# 2) Vừa kết thúc hôm nay
|
| 606 |
-
today_str = today.strftime("%Y-%m-%d")
|
| 607 |
-
finished_today = fetch_bongda_api(f"/api/fixtures/get-by-date?date={today_str}&status=finished")
|
| 608 |
-
if finished_today and len(finished_today) > 50:
|
| 609 |
-
soup = BeautifulSoup(finished_today, "lxml")
|
| 610 |
-
for match in soup.select(".match-detail"):
|
| 611 |
-
dt = soup.new_tag("div", **{"class": "datetime section-date"})
|
| 612 |
-
dt.string = f"📅 {today.strftime('%d/%m')}"
|
| 613 |
-
match.insert(0, dt)
|
| 614 |
-
all_html.append("<div class='ls-section-header finished'><span>✅ Vừa kết thúc</span></div><div class='ls-section-body finished'>" + str(soup) + "</div>")
|
| 615 |
-
|
| 616 |
-
# 3) Hôm qua
|
| 617 |
-
yesterday = today - timedelta(days=1)
|
| 618 |
-
d = yesterday.strftime("%Y-%m-%d")
|
| 619 |
-
html_yesterday = fetch_bongda_api(f"/api/fixtures/get-by-date?date={d}&status=finished")
|
| 620 |
-
if html_yesterday and len(html_yesterday) > 50:
|
| 621 |
-
soup = BeautifulSoup(html_yesterday, "lxml")
|
| 622 |
-
for match in soup.select(".match-detail"):
|
| 623 |
-
dt = soup.new_tag("div", **{"class": "datetime section-date"})
|
| 624 |
-
dt.string = f"📅 {yesterday.strftime('%d/%m')}"
|
| 625 |
-
match.insert(0, dt)
|
| 626 |
-
all_html.append("<div class='ls-section-header yesterday'><span>📅 Hôm qua</span></div><div class='ls-section-body yesterday'>" + str(soup) + "</div>")
|
| 627 |
-
|
| 628 |
-
# 4) Các ngày cũ hơn (2 ngày trước → 6 ngày trước)
|
| 629 |
-
older_html = []
|
| 630 |
-
for i in range(2, 7):
|
| 631 |
-
d = (today - timedelta(days=i)).strftime("%Y-%m-%d")
|
| 632 |
-
day_label = (today - timedelta(days=i)).strftime("%d/%m")
|
| 633 |
-
html = fetch_bongda_api(f"/api/fixtures/get-by-date?date={d}&status=finished")
|
| 634 |
-
if html and len(html) > 50:
|
| 635 |
-
soup = BeautifulSoup(html, "lxml")
|
| 636 |
-
for match in soup.select(".match-detail"):
|
| 637 |
-
dt = soup.new_tag("div", **{"class": "datetime section-date"})
|
| 638 |
-
dt.string = f"📅 {day_label}"
|
| 639 |
-
match.insert(0, dt)
|
| 640 |
-
older_html.append(str(soup))
|
| 641 |
-
if older_html:
|
| 642 |
-
all_html.append("<div class='ls-section-header older'><span>🗓️ Kết quả trước</span></div><div class='ls-section-body older'>" + "".join(older_html) + "</div>")
|
| 643 |
-
|
| 644 |
-
combined = "<div class='updates7d'>" + "".join(all_html) + "</div>"
|
| 645 |
-
return combined if all_html else ""
|
| 646 |
-
|
| 647 |
-
_recent_cache = {"t": 0, "d": "", "busy": False}
|
| 648 |
-
_recent_lock = threading.Lock()
|
| 649 |
-
def _start_recent_refresh():
|
| 650 |
-
def _run():
|
| 651 |
-
try:
|
| 652 |
-
with _recent_lock:
|
| 653 |
-
if _recent_cache["busy"]: return
|
| 654 |
-
_recent_cache["busy"] = True
|
| 655 |
-
data = _compute_recent()
|
| 656 |
-
with _recent_lock:
|
| 657 |
-
if data:
|
| 658 |
-
_recent_cache["t"] = time.time()
|
| 659 |
-
_recent_cache["d"] = data
|
| 660 |
-
_recent_cache["busy"] = False
|
| 661 |
-
except Exception:
|
| 662 |
-
with _recent_lock:
|
| 663 |
-
_recent_cache["busy"] = False
|
| 664 |
-
th = threading.Thread(target=_run, daemon=True)
|
| 665 |
-
th.start()
|
| 666 |
-
|
| 667 |
-
@app.get("/api/livescore/recent")
|
| 668 |
-
def api_livescore_recent():
|
| 669 |
-
"""Recent matches with new priority: upcoming today/tomorrow → finished today → yesterday → older."""
|
| 670 |
-
now = time.time()
|
| 671 |
-
with _recent_lock:
|
| 672 |
-
fresh = _recent_cache["d"] and (now - _recent_cache["t"] < _cache_ttl)
|
| 673 |
-
stale = _recent_cache["d"]
|
| 674 |
-
if not fresh:
|
| 675 |
-
_start_recent_refresh()
|
| 676 |
-
return JSONResponse({"html": stale or "", "cached": bool(stale)})
|
| 677 |
-
|
| 678 |
-
def _warm_recent():
|
| 679 |
-
def _warm():
|
| 680 |
-
try:
|
| 681 |
-
time.sleep(3)
|
| 682 |
-
_start_recent_refresh()
|
| 683 |
-
except Exception:
|
| 684 |
-
pass
|
| 685 |
-
th = threading.Thread(target=_warm, daemon=True)
|
| 686 |
-
th.start()
|
| 687 |
-
_warm_recent()
|
| 688 |
-
|
| 689 |
-
def _warm_updates7d():
|
| 690 |
-
# Lightweight startup pre-warm so the first user request is instant.
|
| 691 |
-
def _warm():
|
| 692 |
-
try:
|
| 693 |
-
time.sleep(3)
|
| 694 |
-
_start_updates7d_refresh()
|
| 695 |
-
except Exception:
|
| 696 |
-
pass
|
| 697 |
-
th = threading.Thread(target=_warm, daemon=True)
|
| 698 |
-
th.start()
|
| 699 |
-
_warm_updates7d()
|
| 700 |
|
| 701 |
@app.get("/api/match/{event_id}/commentaries")
|
| 702 |
def api_match_commentaries(event_id:int):return JSONResponse({"html":fetch_bongda_api(f"/api/fixtures/commentaries?event_id={event_id}")})
|
|
@@ -735,7 +342,7 @@ def api_livescore_featured():
|
|
| 735 |
return JSONResponse(_cached("ls_featured",_f,ttl=30))
|
| 736 |
|
| 737 |
@app.get("/api/highlights")
|
| 738 |
-
def api_highlights(): return JSONResponse(_cached("xemlaibongda_hl",
|
| 739 |
@app.get("/api/highlights/leagues")
|
| 740 |
def api_highlights_leagues(): return JSONResponse(_cached("hl_leagues",scrape_all_league_highlights,ttl=_cache_ttl))
|
| 741 |
@app.get("/api/highlights/{league}")
|
|
@@ -743,47 +350,6 @@ def api_highlights_league(league:str):
|
|
| 743 |
if league not in HL_LEAGUES: return JSONResponse({"error":"league not found"})
|
| 744 |
return JSONResponse(_cached(f"hl_{league}",lambda:scrape_highlights_by_league(league),ttl=_cache_ttl))
|
| 745 |
|
| 746 |
-
@app.get("/api/highlights/{league}/page")
|
| 747 |
-
def api_highlights_league_page(league:str, page:int=Query(default=0, ge=0), limit:int=Query(default=15, ge=5, le=40)):
|
| 748 |
-
"""Paginated league highlights for 'Xem thêm' load-more. Supports 'all' to fetch every league aggregated."""
|
| 749 |
-
if league == "all":
|
| 750 |
-
all_vids = []
|
| 751 |
-
with ThreadPoolExecutor(8) as ex:
|
| 752 |
-
futs = {ex.submit(scrape_highlights_by_league, k): k for k in HL_LEAGUES}
|
| 753 |
-
for f in as_completed(futs, timeout=20):
|
| 754 |
-
try:
|
| 755 |
-
all_vids.extend(f.result())
|
| 756 |
-
except: pass
|
| 757 |
-
# The league sub-pages resolve to the same content from this server,
|
| 758 |
-
# so dedupe by link — the slider/feed must not show 8x the same 10
|
| 759 |
-
# videos. If dedup leaves few unique items, enrich from the general
|
| 760 |
-
# bongdaplus video feed to add genuinely different videos.
|
| 761 |
-
seen = set(); uniq = []
|
| 762 |
-
for v in all_vids:
|
| 763 |
-
link = (v or {}).get("link", "")
|
| 764 |
-
if not link or link in seen: continue
|
| 765 |
-
seen.add(link); uniq.append(v)
|
| 766 |
-
if len(uniq) < 20:
|
| 767 |
-
try:
|
| 768 |
-
extra = scrape_bongdaplus_videos(40)
|
| 769 |
-
for v in extra:
|
| 770 |
-
link = (v or {}).get("link", "")
|
| 771 |
-
if not link or link in seen: continue
|
| 772 |
-
seen.add(link); uniq.append(v)
|
| 773 |
-
except Exception:
|
| 774 |
-
pass
|
| 775 |
-
all_vids = uniq
|
| 776 |
-
start = page * limit
|
| 777 |
-
end = start + limit
|
| 778 |
-
paged = all_vids[start:end]
|
| 779 |
-
return JSONResponse({"videos": paged, "league": "all", "page": page, "has_more": end < len(all_vids), "total": len(all_vids)})
|
| 780 |
-
if league not in HL_LEAGUES: return JSONResponse({"error":"league not found"})
|
| 781 |
-
all_vids = scrape_highlights_by_league(league)
|
| 782 |
-
start = page * limit
|
| 783 |
-
end = start + limit
|
| 784 |
-
paged = all_vids[start:end]
|
| 785 |
-
return JSONResponse({"videos": paged, "league": league, "page": page, "has_more": end < len(all_vids), "total": len(all_vids)})
|
| 786 |
-
|
| 787 |
@app.get("/api/video_url")
|
| 788 |
def api_video_url(url:str=Query(...), img:str=Query(default="")):
|
| 789 |
if "youtube.com" in url or "youtu.be" in url:
|
|
@@ -795,116 +361,8 @@ def api_video_url(url:str=Query(...), img:str=Query(default="")):
|
|
| 795 |
if v["type"]=="hls": v["src"]="/api/proxy/m3u8?url="+quote(v["src"],safe="")
|
| 796 |
if not v.get("poster") and img: v["poster"] = img
|
| 797 |
return JSONResponse(v)
|
| 798 |
-
if "bongdaplus.vn" in url and "/video/" in url:
|
| 799 |
-
v=extract_bongdaplus_video(url)
|
| 800 |
-
if v:
|
| 801 |
-
if not v.get("poster") and img: v["poster"] = img
|
| 802 |
-
return JSONResponse(v)
|
| 803 |
return JSONResponse({"error":"not found"})
|
| 804 |
|
| 805 |
-
# ===== FPT PLAY (YouTube channel) API =====
|
| 806 |
-
# The datacenter cannot reach youtube.com directly, so this endpoint keeps a
|
| 807 |
-
# persisted list of the channel's latest videos. The frontend (running in the
|
| 808 |
-
# user's browser, which CAN reach YouTube) periodically fetches the channel via
|
| 809 |
-
# r.jina.ai, then POSTs the result here so the slide auto-updates when the
|
| 810 |
-
# channel uploads — exactly like "Thêm Short HOT" but fully automatic.
|
| 811 |
-
FPT_FILE = "/data/fpt_play_videos.json"
|
| 812 |
-
FPT_CHANNEL_URL = "https://www.youtube.com/@fptbongdaofficial"
|
| 813 |
-
FPT_CACHE_TTL = 600 # 10 min
|
| 814 |
-
|
| 815 |
-
def _fpt_load():
|
| 816 |
-
try:
|
| 817 |
-
if os.path.exists(FPT_FILE):
|
| 818 |
-
with open(FPT_FILE, encoding="utf-8") as f:
|
| 819 |
-
j = json.load(f)
|
| 820 |
-
if isinstance(j, list):
|
| 821 |
-
return j
|
| 822 |
-
except Exception:
|
| 823 |
-
pass
|
| 824 |
-
return []
|
| 825 |
-
|
| 826 |
-
def _fpt_save(videos):
|
| 827 |
-
try:
|
| 828 |
-
with open(FPT_FILE, "w", encoding="utf-8") as f:
|
| 829 |
-
json.dump(videos, f, ensure_ascii=False)
|
| 830 |
-
except Exception:
|
| 831 |
-
pass
|
| 832 |
-
|
| 833 |
-
def _fpt_try_server_fetch():
|
| 834 |
-
"""Server-side attempt (jina proxy with our Origin). Usually blocked from
|
| 835 |
-
the datacenter, but harmless to try once so the slide works even without
|
| 836 |
-
a client push."""
|
| 837 |
-
try:
|
| 838 |
-
_hdrs = dict(HEADERS)
|
| 839 |
-
_hdrs["Origin"] = "https://bep40-vnews.hf.space"
|
| 840 |
-
r = requests.get("https://r.jina.ai/" + FPT_CHANNEL_URL + "/videos",
|
| 841 |
-
headers=_hdrs, timeout=40)
|
| 842 |
-
if r.status_code != 200:
|
| 843 |
-
return []
|
| 844 |
-
txt = r.text
|
| 845 |
-
out = []
|
| 846 |
-
seen = set()
|
| 847 |
-
# jina markdown lists entries as "1. Title - url" or link lines with yt ids
|
| 848 |
-
for m in re.finditer(r"https?://(?:www\.)?youtube\.com/watch\?v=([a-zA-Z0-9_-]{11})", txt):
|
| 849 |
-
vid = m.group(1)
|
| 850 |
-
if vid in seen: continue
|
| 851 |
-
seen.add(vid)
|
| 852 |
-
out.append({
|
| 853 |
-
"id": vid,
|
| 854 |
-
"title": "",
|
| 855 |
-
"link": "https://youtu.be/" + vid,
|
| 856 |
-
"img": "https://i.ytimg.com/vi/%s/hqdefault.jpg" % vid,
|
| 857 |
-
"source": "fptplay",
|
| 858 |
-
"published": "",
|
| 859 |
-
})
|
| 860 |
-
return out
|
| 861 |
-
except Exception:
|
| 862 |
-
return []
|
| 863 |
-
|
| 864 |
-
@app.get("/api/fptplay/videos")
|
| 865 |
-
def api_fptplay_videos():
|
| 866 |
-
vids = _fpt_load()
|
| 867 |
-
if not vids:
|
| 868 |
-
vids = _fpt_try_server_fetch()
|
| 869 |
-
if vids: _fpt_save(vids)
|
| 870 |
-
return JSONResponse({"channel": FPT_CHANNEL_URL, "videos": vids, "updated": int(time.time())})
|
| 871 |
-
|
| 872 |
-
@app.post("/api/fptplay/update")
|
| 873 |
-
async def api_fptplay_update(request: Request):
|
| 874 |
-
try:
|
| 875 |
-
body = await request.json()
|
| 876 |
-
except Exception:
|
| 877 |
-
body = {}
|
| 878 |
-
incoming = body.get("videos") or []
|
| 879 |
-
if not isinstance(incoming, list) or not incoming:
|
| 880 |
-
return JSONResponse({"ok": True, "videos": _fpt_load()})
|
| 881 |
-
seen = set()
|
| 882 |
-
merged = []
|
| 883 |
-
for v in _fpt_load():
|
| 884 |
-
vid = (v or {}).get("id", "")
|
| 885 |
-
if vid and vid in seen: continue
|
| 886 |
-
if vid: seen.add(vid)
|
| 887 |
-
merged.append(v)
|
| 888 |
-
added = 0
|
| 889 |
-
for v in incoming:
|
| 890 |
-
vid = (v or {}).get("id", "") or ""
|
| 891 |
-
if not vid or vid in seen: continue
|
| 892 |
-
seen.add(vid)
|
| 893 |
-
# keep user-friendly fields, always normalize the watch link
|
| 894 |
-
merged.append({
|
| 895 |
-
"id": vid,
|
| 896 |
-
"title": (v.get("title") or "").strip()[:200],
|
| 897 |
-
"link": (v.get("link") or "https://youtu.be/" + vid),
|
| 898 |
-
"img": (v.get("img") or "https://i.ytimg.com/vi/%s/hqdefault.jpg" % vid),
|
| 899 |
-
"source": "fptplay",
|
| 900 |
-
"published": (v.get("published") or "")[:10],
|
| 901 |
-
})
|
| 902 |
-
added += 1
|
| 903 |
-
# newest first
|
| 904 |
-
merged.sort(key=lambda x: (x.get("published") or ""), reverse=True)
|
| 905 |
-
_fpt_save(merged[:50])
|
| 906 |
-
return JSONResponse({"ok": True, "added": added, "videos": merged[:50]})
|
| 907 |
-
|
| 908 |
# ===== WORLD CUP 2026 API =====
|
| 909 |
_wc_request_times = []; _wc_rate_limit_lock = threading.Lock()
|
| 910 |
_WC_RATE_LIMIT = 10
|
|
@@ -970,8 +428,7 @@ def scrape_vne(cat_url):
|
|
| 970 |
if src: img=src.get("srcset","").split(",")[0].strip().split(" ")[0]
|
| 971 |
arts.append({"title":t,"link":lk,"img":img,"source":"vne"})
|
| 972 |
return arts
|
| 973 |
-
except
|
| 974 |
-
return []
|
| 975 |
|
| 976 |
def scrape_genk_ai():
|
| 977 |
try:
|
|
@@ -1036,19 +493,10 @@ def api_categories():
|
|
| 1036 |
|
| 1037 |
@app.get("/api/proxy/xlb")
|
| 1038 |
def api_xlb(path: str = Query(default=""), limit: int = Query(default=20)):
|
| 1039 |
-
# Try xemlaibongda.top first (fast timeout), fallback to bongdaplus.vn
|
| 1040 |
-
videos = _do_xlb_scrape_xlb(path, limit)
|
| 1041 |
-
if not videos:
|
| 1042 |
-
videos = _do_xlb_scrape_bdp(limit)
|
| 1043 |
-
if not videos:
|
| 1044 |
-
return JSONResponse({"videos": [], "error": "No videos available"})
|
| 1045 |
-
return JSONResponse({"videos": videos})
|
| 1046 |
-
|
| 1047 |
-
def _do_xlb_scrape_xlb(path, limit):
|
| 1048 |
try:
|
| 1049 |
url = f"https://xemlaibongda.top/{path}" if path else "https://xemlaibongda.top/"
|
| 1050 |
-
r = requests.get(url, headers=HEADERS, timeout=
|
| 1051 |
-
if r.status_code != 200: return []
|
| 1052 |
r.encoding = "utf-8"
|
| 1053 |
soup = BeautifulSoup(r.text, "lxml")
|
| 1054 |
videos, seen = [], set()
|
|
@@ -1077,18 +525,11 @@ def _do_xlb_scrape_xlb(path, limit):
|
|
| 1077 |
if not t:
|
| 1078 |
slug = clean.split("/video/")[-1].rstrip("/")
|
| 1079 |
t = slug.replace("-", " ").title()
|
| 1080 |
-
videos.append({"title": t[:100], "link": clean, "img": img_src, "source": "xemlaibongda"
|
| 1081 |
if len(videos) >= limit: break
|
| 1082 |
-
return videos
|
| 1083 |
-
except Exception:
|
| 1084 |
-
return []
|
| 1085 |
-
|
| 1086 |
-
def _do_xlb_scrape_bdp(limit):
|
| 1087 |
-
"""Fallback: scrape bongdaplus.vn videos for the xlb endpoint."""
|
| 1088 |
-
try:
|
| 1089 |
-
return scrape_bongdaplus_videos(limit)
|
| 1090 |
-
except Exception:
|
| 1091 |
-
return []
|
| 1092 |
|
| 1093 |
@app.get("/api/article")
|
| 1094 |
def api_article(url:str=Query(...)):
|
|
|
|
| 51 |
_cache_ttl_yt = 1800
|
| 52 |
|
| 53 |
PRIORITY_LEAGUES = ["Ngoại Hạng Anh","FA Cup","Champions League","LaLiga","Copa del Rey","Serie A","Bundesliga","Ligue 1","V-League"]
|
| 54 |
+
LEAGUE_IDS = {"nha":27110,"laliga":27233,"seriea":27044,"bundesliga":26891,"ligue1":27212}
|
| 55 |
HL_LEAGUES = {
|
| 56 |
"premier-league":{"path":"anh/premier-league","name":"Premier League","emoji":"🏴"},
|
| 57 |
"fa-cup":{"path":"anh/fa-cup","name":"FA Cup","emoji":"🏆"},
|
|
|
|
| 69 |
except: data=_cache.get(key,{}).get("d",[])
|
| 70 |
_cache[key]={"d":data,"t":now}; return data
|
| 71 |
def _get(url, headers=None):
|
| 72 |
+
h=headers or HEADERS; r=requests.get(url, headers=h, timeout=15); r.encoding="utf-8"
|
| 73 |
+
return BeautifulSoup(r.text,"lxml")
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 74 |
def fetch_bongda_api(endpoint):
|
| 75 |
try:
|
| 76 |
r=requests.get(f"https://bongda.com.vn{endpoint}", headers=BONGDA_HEADERS, timeout=10)
|
|
|
|
| 151 |
def _scrape_xemlaibongda_page(page_path, limit=20):
|
| 152 |
try:
|
| 153 |
url = f"https://xemlaibongda.top/{page_path}" if page_path else "https://xemlaibongda.top/"
|
| 154 |
+
r = requests.get(url, headers=HEADERS, timeout=15)
|
| 155 |
if r.status_code != 200: return []
|
| 156 |
r.encoding = "utf-8"
|
| 157 |
soup = BeautifulSoup(r.text, "lxml")
|
|
|
|
| 209 |
if not img_src:
|
| 210 |
slug = clean_href.split("/video/")[-1].rstrip("/").split("/xem-lai/")[-1].rstrip("/")
|
| 211 |
img_src = f"https://xemlaibongda.top/uploads/thumb/{slug}.jpg"
|
| 212 |
+
videos.append({"title": title[:100], "link": clean_href, "img": img_src, "source": "xemlaibongda"})
|
| 213 |
if len(videos) >= limit: break
|
| 214 |
return videos
|
| 215 |
except Exception as e:
|
|
|
|
| 218 |
def scrape_xemlaibongda(): return _scrape_xemlaibongda_page("", 20)
|
| 219 |
def scrape_highlights_by_league(league_key):
|
| 220 |
if league_key not in HL_LEAGUES: return []
|
| 221 |
+
return _scrape_xemlaibongda_page(HL_LEAGUES[league_key]["path"], 20)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 222 |
def scrape_all_league_highlights():
|
| 223 |
results = {}
|
| 224 |
def _fetch(key): return key, scrape_highlights_by_league(key)
|
| 225 |
with ThreadPoolExecutor(8) as ex:
|
| 226 |
futs = [ex.submit(_fetch, k) for k in HL_LEAGUES]
|
| 227 |
+
for f in as_completed(futs, timeout=25):
|
| 228 |
try: key, vids = f.result()
|
| 229 |
except: continue
|
| 230 |
if vids: results[key] = vids
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 231 |
return results
|
| 232 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 233 |
def extract_xemlaibongda_video(url):
|
| 234 |
try:
|
| 235 |
r=requests.get(url, headers=HEADERS, timeout=15)
|
|
|
|
| 266 |
today=datetime.now(VN_TZ).strftime("%Y-%m-%d");return JSONResponse({"html":_cached("ls_results",lambda:fetch_bongda_api(f"/api/fixtures/get-by-date?date={today}&status=finished"),ttl=_cache_ttl)})
|
| 267 |
@app.get("/api/livescore/standings/{league}")
|
| 268 |
def api_livescore_standings(league:str):
|
| 269 |
+
tid=LEAGUE_IDS.get(league,27110);return JSONResponse({"html":_cached(f"ls_bxh_{league}",lambda:fetch_bongda_api(f"/api/league-table/home?tournament_id={tid}&is_detail=True"),ttl=_cache_ttl)})
|
| 270 |
@app.get("/api/livescore/date/{date}")
|
| 271 |
def api_livescore_date(date:str):return JSONResponse({"html":fetch_bongda_api(f"/api/fixtures/get-by-date?date={date}")})
|
| 272 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 273 |
@app.get("/api/livescore/updates7d")
|
| 274 |
def api_livescore_updates7d():
|
| 275 |
+
"""Aggregate results + incoming matches from past 7 days and next 7 days."""
|
| 276 |
+
def _f():
|
| 277 |
+
from datetime import date as _date
|
| 278 |
+
today = _date.today()
|
| 279 |
+
all_html = []
|
| 280 |
+
# Past 7 days (results)
|
| 281 |
+
for i in range(7, 0, -1):
|
| 282 |
+
d = (today - timedelta(days=i)).strftime("%Y-%m-%d")
|
| 283 |
+
html = fetch_bongda_api(f"/api/fixtures/get-by-date?date={d}&status=finished")
|
| 284 |
+
if html and len(html) > 50:
|
| 285 |
+
soup = BeautifulSoup(html, "lxml")
|
| 286 |
+
day_label = (today - timedelta(days=i)).strftime("%d/%m")
|
| 287 |
+
for match in soup.select(".match-detail"):
|
| 288 |
+
dt = soup.new_tag("div", **{"class": "datetime"})
|
| 289 |
+
dt.string = f"📅 {day_label}"
|
| 290 |
+
match.insert(0, dt)
|
| 291 |
+
all_html.append(str(soup))
|
| 292 |
+
# Next 7 days (upcoming)
|
| 293 |
+
for i in range(7):
|
| 294 |
+
d = (today + timedelta(days=i)).strftime("%Y-%m-%d")
|
| 295 |
+
html = fetch_bongda_api(f"/api/fixtures/get-by-date?date={d}")
|
| 296 |
+
if html and len(html) > 50:
|
| 297 |
+
soup = BeautifulSoup(html, "lxml")
|
| 298 |
+
day_label = (today + timedelta(days=i)).strftime("%d/%m")
|
| 299 |
+
for match in soup.select(".match-detail"):
|
| 300 |
+
dt = soup.new_tag("div", **{"class": "datetime"})
|
| 301 |
+
dt.string = f"📅 {day_label}"
|
| 302 |
+
match.insert(0, dt)
|
| 303 |
+
all_html.append(str(soup))
|
| 304 |
+
combined = "<div class='updates7d'>" + "".join(all_html) + "</div>"
|
| 305 |
+
return combined if all_html else ""
|
| 306 |
+
return JSONResponse({"html": _cached("ls_updates7d", _f, ttl=_cache_ttl)})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 307 |
|
| 308 |
@app.get("/api/match/{event_id}/commentaries")
|
| 309 |
def api_match_commentaries(event_id:int):return JSONResponse({"html":fetch_bongda_api(f"/api/fixtures/commentaries?event_id={event_id}")})
|
|
|
|
| 342 |
return JSONResponse(_cached("ls_featured",_f,ttl=30))
|
| 343 |
|
| 344 |
@app.get("/api/highlights")
|
| 345 |
+
def api_highlights(): return JSONResponse(_cached("xemlaibongda_hl",scrape_xemlaibongda,ttl=_cache_ttl))
|
| 346 |
@app.get("/api/highlights/leagues")
|
| 347 |
def api_highlights_leagues(): return JSONResponse(_cached("hl_leagues",scrape_all_league_highlights,ttl=_cache_ttl))
|
| 348 |
@app.get("/api/highlights/{league}")
|
|
|
|
| 350 |
if league not in HL_LEAGUES: return JSONResponse({"error":"league not found"})
|
| 351 |
return JSONResponse(_cached(f"hl_{league}",lambda:scrape_highlights_by_league(league),ttl=_cache_ttl))
|
| 352 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 353 |
@app.get("/api/video_url")
|
| 354 |
def api_video_url(url:str=Query(...), img:str=Query(default="")):
|
| 355 |
if "youtube.com" in url or "youtu.be" in url:
|
|
|
|
| 361 |
if v["type"]=="hls": v["src"]="/api/proxy/m3u8?url="+quote(v["src"],safe="")
|
| 362 |
if not v.get("poster") and img: v["poster"] = img
|
| 363 |
return JSONResponse(v)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 364 |
return JSONResponse({"error":"not found"})
|
| 365 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 366 |
# ===== WORLD CUP 2026 API =====
|
| 367 |
_wc_request_times = []; _wc_rate_limit_lock = threading.Lock()
|
| 368 |
_WC_RATE_LIMIT = 10
|
|
|
|
| 428 |
if src: img=src.get("srcset","").split(",")[0].strip().split(" ")[0]
|
| 429 |
arts.append({"title":t,"link":lk,"img":img,"source":"vne"})
|
| 430 |
return arts
|
| 431 |
+
except: return []
|
|
|
|
| 432 |
|
| 433 |
def scrape_genk_ai():
|
| 434 |
try:
|
|
|
|
| 493 |
|
| 494 |
@app.get("/api/proxy/xlb")
|
| 495 |
def api_xlb(path: str = Query(default=""), limit: int = Query(default=20)):
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 496 |
try:
|
| 497 |
url = f"https://xemlaibongda.top/{path}" if path else "https://xemlaibongda.top/"
|
| 498 |
+
r = requests.get(url, headers=HEADERS, timeout=15)
|
| 499 |
+
if r.status_code != 200: return JSONResponse({"videos": []})
|
| 500 |
r.encoding = "utf-8"
|
| 501 |
soup = BeautifulSoup(r.text, "lxml")
|
| 502 |
videos, seen = [], set()
|
|
|
|
| 525 |
if not t:
|
| 526 |
slug = clean.split("/video/")[-1].rstrip("/")
|
| 527 |
t = slug.replace("-", " ").title()
|
| 528 |
+
videos.append({"title": t[:100], "link": clean, "img": img_src, "source": "xemlaibongda"})
|
| 529 |
if len(videos) >= limit: break
|
| 530 |
+
return JSONResponse({"videos": videos})
|
| 531 |
+
except Exception as e:
|
| 532 |
+
return JSONResponse({"videos": [], "error": str(e)})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 533 |
|
| 534 |
@app.get("/api/article")
|
| 535 |
def api_article(url:str=Query(...)):
|
main_patch.py
CHANGED
|
@@ -5,4 +5,4 @@
|
|
| 5 |
# This enables the VTV1-VTV10 + VTVPrime stream endpoints:
|
| 6 |
# GET /api/vtv/streams - Get all channel streams
|
| 7 |
# GET /api/vtv/stream/{id} - Get specific channel stream
|
| 8 |
-
# GET /api/proxy/page?url=... - Proxy web pages (for xemtv PHP scraping)
|
|
|
|
| 5 |
# This enables the VTV1-VTV10 + VTVPrime stream endpoints:
|
| 6 |
# GET /api/vtv/streams - Get all channel streams
|
| 7 |
# GET /api/vtv/stream/{id} - Get specific channel stream
|
| 8 |
+
# GET /api/proxy/page?url=... - Proxy web pages (for xemtv PHP scraping)
|
rebuild_trigger.txt
CHANGED
|
@@ -1 +1 @@
|
|
| 1 |
-
|
|
|
|
| 1 |
+
TRIGGER_REBUILD=20260719
|
requirements.txt
CHANGED
|
@@ -11,6 +11,4 @@ pillow
|
|
| 11 |
edge-tts
|
| 12 |
python-dateutil
|
| 13 |
httpx
|
| 14 |
-
|
| 15 |
-
pycryptodome
|
| 16 |
-
# trigger rebuild 1784359130
|
|
|
|
| 11 |
edge-tts
|
| 12 |
python-dateutil
|
| 13 |
httpx
|
| 14 |
+
# trigger rebuild 1784359129
|
|
|
|
|
|
restart.txt
CHANGED
|
@@ -1 +1 @@
|
|
| 1 |
-
|
|
|
|
| 1 |
+
restart
|
restart_trigger.md
DELETED
|
@@ -1,14 +0,0 @@
|
|
| 1 |
-
# VNEWS Space Restart Trigger
|
| 2 |
-
|
| 3 |
-
## Version: v20260822d
|
| 4 |
-
|
| 5 |
-
### All fixes applied:
|
| 6 |
-
1. **Scrolling fix**: `-webkit-overflow-scrolling: touch` + `scroll-behavior: smooth` on `.tiktok-feed`
|
| 7 |
-
2. **Thumbnail fix**: `.yt-thumb-wrap` with background image for YouTube iframes, YouTube hqdefault fallback
|
| 8 |
-
3. **Lazy loading**: IntersectionObserver to unload slides far from viewport
|
| 9 |
-
4. **SHORT HOT video looping**: Video plays at full duration instead of being trimmed to narration length
|
| 10 |
-
5. **CSS consistency**: Same poster/thumbnail styling for all TikTok slides
|
| 11 |
-
6. **Homepage loading**: Retry logic for `scrape_vne`, bongdaplus.vn as primary source, faster xemlaibongda timeout
|
| 12 |
-
7. **YouTube SSL error**: Increased yt-dlp retries (5), socket_timeout 30s, YouTube embed fallback
|
| 13 |
-
|
| 14 |
-
Last restart: 20260822d
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
rewrite_fix_v2.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
| 1 |
// No-op - all functionality built into app_v2.js
|
| 2 |
-
(function(){})();
|
|
|
|
| 1 |
// No-op - all functionality built into app_v2.js
|
| 2 |
+
(function(){})();
|
rewrite_slide.py
CHANGED
|
@@ -84,36 +84,17 @@ def _scrape_article_full(url):
|
|
| 84 |
return None
|
| 85 |
|
| 86 |
|
| 87 |
-
def _ensure_complete_sentence(text):
|
| 88 |
-
"""Ensure text ends with complete sentence ending."""
|
| 89 |
-
text = _clean(text)
|
| 90 |
-
if not text:
|
| 91 |
-
return text
|
| 92 |
-
# Find last complete sentence ending
|
| 93 |
-
for end_char in ['.', '!', '?']:
|
| 94 |
-
last_pos = text.rfind(end_char)
|
| 95 |
-
if last_pos > len(text) * 0.5: # Keep if ending is in latter half
|
| 96 |
-
return text[:last_pos + 1].strip()
|
| 97 |
-
return text
|
| 98 |
-
|
| 99 |
def _extract_key_points(paragraphs, max_points=5):
|
| 100 |
-
"""Extract key points: take first
|
| 101 |
points = []
|
| 102 |
for p in paragraphs:
|
| 103 |
if len(points) >= max_points: break
|
| 104 |
-
#
|
| 105 |
-
|
| 106 |
-
|
| 107 |
-
|
| 108 |
-
|
| 109 |
-
|
| 110 |
-
if len(s) >= 30 and re.search(r'[.!?]$', s):
|
| 111 |
-
sentence = s
|
| 112 |
-
break
|
| 113 |
-
|
| 114 |
-
# If no complete sentence found, take first sentence and ensure it ends
|
| 115 |
-
if not sentence and sentences:
|
| 116 |
-
sentence = _ensure_complete_sentence(sentences[0])
|
| 117 |
|
| 118 |
# Skip if too short or duplicate
|
| 119 |
if len(sentence) < 30: continue
|
|
@@ -201,4 +182,4 @@ async def api_rewrite_slide(request: Request):
|
|
| 201 |
posts.insert(0, post)
|
| 202 |
_save_wall(posts)
|
| 203 |
|
| 204 |
-
return JSONResponse({"post": post, "slides": slides})
|
|
|
|
| 84 |
return None
|
| 85 |
|
| 86 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 87 |
def _extract_key_points(paragraphs, max_points=5):
|
| 88 |
+
"""Extract key points: take first sentence of each significant paragraph."""
|
| 89 |
points = []
|
| 90 |
for p in paragraphs:
|
| 91 |
if len(points) >= max_points: break
|
| 92 |
+
# Take first complete sentence (ends with . ! ?)
|
| 93 |
+
m = re.match(r'^(.+?[.!?])\s', p)
|
| 94 |
+
if m:
|
| 95 |
+
sentence = m.group(1)
|
| 96 |
+
else:
|
| 97 |
+
sentence = p[:150] + ('.' if not p.endswith('.') else '')
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 98 |
|
| 99 |
# Skip if too short or duplicate
|
| 100 |
if len(sentence) < 30: continue
|
|
|
|
| 182 |
posts.insert(0, post)
|
| 183 |
_save_wall(posts)
|
| 184 |
|
| 185 |
+
return JSONResponse({"post": post, "slides": slides})
|
shorts_cache.py
CHANGED
|
@@ -83,4 +83,4 @@ def get_cache_status():
|
|
| 83 |
"age_seconds": age,
|
| 84 |
"has_persistent": os.path.isdir("/data"),
|
| 85 |
"cache_file_exists": os.path.exists(SHORTS_CACHE_FILE),
|
| 86 |
-
}
|
|
|
|
| 83 |
"age_seconds": age,
|
| 84 |
"has_persistent": os.path.isdir("/data"),
|
| 85 |
"cache_file_exists": os.path.exists(SHORTS_CACHE_FILE),
|
| 86 |
+
}
|
shorts_rss_proxy.py
CHANGED
|
@@ -111,4 +111,4 @@ def setup_rss_proxy(app):
|
|
| 111 |
print(f"RSS error for {handle}: {e}")
|
| 112 |
continue
|
| 113 |
|
| 114 |
-
return {"shorts": shorts, "count": len(shorts)}
|
|
|
|
| 111 |
print(f"RSS error for {handle}: {e}")
|
| 112 |
continue
|
| 113 |
|
| 114 |
+
return {"shorts": shorts, "count": len(shorts)}
|
static/app_v2.js
CHANGED
|
The diff for this file is too large to render.
See raw diff
|
|
|
static/designer_v2.js
DELETED
|
@@ -1,903 +0,0 @@
|
|
| 1 |
-
/* =========================================================================
|
| 2 |
-
* designer_v2.js — Slide Designer nâng cấp cho VNEWS
|
| 3 |
-
* - Nhiều hiệu ứng độc đáo (gradient, blur, neon, top-banner, lower-third,
|
| 4 |
-
* card, corner-frame, stars, vignette, split, spotlight, diagonal, solid)
|
| 5 |
-
* - Bộ lọc màu (grayscale, sepia, saturate, warm, cool, invert)
|
| 6 |
-
* - Chữ phát sáng (neon/glow)
|
| 7 |
-
* - Vị trí chữ (trên/giữa/dưới)
|
| 8 |
-
* - Chọn 1 / nhiều / TẤT CẢ slide trong modal sửa ảnh
|
| 9 |
-
* - Đăng lên Tường AI là bài dạng slide gồm CÁC SLIDE ĐÃ CHỌN
|
| 10 |
-
*
|
| 11 |
-
* 2026-08-12 FIX (2 lỗi báo cáo):
|
| 12 |
-
* - Bug 1: upload ảnh preview + nút "Áp dụng ảnh". _dsHandleBgFile được gắn
|
| 13 |
-
* trực tiếp làm listener 'change' nên nhận Event object, `input.files`
|
| 14 |
-
* undefined -> upload im lặng không làm gì. Giờ đọc evt.target.files.
|
| 15 |
-
* Nút "Áp dụng ảnh này cho TẤT CẢ slide đã chọn" luôn hiển thị.
|
| 16 |
-
* - Bug 2: chọn 1 ảnh rewrite áp dụng cho nhiều slide. Danh sách ảnh dùng
|
| 17 |
-
* data-index + delegated click (hết fragile inline onclick với URL thô).
|
| 18 |
-
*
|
| 19 |
-
* 2026-08-13 FIX (lỗi báo cáo tiếp):
|
| 20 |
-
* - Bug 3: "dùng 1 ảnh cho nhiều slide" vẫn chỉ áp dụng cho slide đầu.
|
| 21 |
-
* Giờ có _dsAppliedImg (ảnh đã áp dụng ở cấp thiết kế): khi chọn ảnh bất kỳ
|
| 22 |
-
* (rewrite / upload / URL) sẽ áp dụng cho TẤT CẢ slide đã chọn NGAY LẬP TỨC;
|
| 23 |
-
* khi đổi lựa chọn slide (chọn thêm / bỏ chọn / chọn tất cả) ảnh đó vẫn được
|
| 24 |
-
* áp dụng tự động cho các slide mới được chọn; khi lưu, mọi slide được chọn
|
| 25 |
-
* đều dùng ảnh đó.
|
| 26 |
-
* - Bug 4: ảnh preview hiển thị đúng tỉ lệ nhưng sau khi tạo ảnh xong hiển thị
|
| 27 |
-
* sai tỉ lệ + ảnh nền không định vị chính xác như preview. Preview và khi
|
| 28 |
-
* lưu giờ render Ở CÙNG một hàm `_dsRenderSlide(canvas, opts, cb)` (cùng
|
| 29 |
-
* resolution, cùng cover-fit, cùng filter, cùng text) nên file tạo ra khớp
|
| 30 |
-
* TUYỆT ĐỐI với preview. Ảnh trên Tường/slide viewer giữ đúng tỉ lệ khung
|
| 31 |
-
* (ko cắt xén bằng object-fit:cover nữa).
|
| 32 |
-
* - Thêm MÀU NỀN + nhiều ẢNH NỀN MẪU khi chọn "Nền đều (phủ màu tối)" —
|
| 33 |
-
* dải màu nền (solid color swatches) và bộ ảnh nền mẫu (gradient mờ) để
|
| 34 |
-
* người dùng tạo ảnh nền trơn thay vì chỉ phủ màu tối.
|
| 35 |
-
* ========================================================================= */
|
| 36 |
-
|
| 37 |
-
/* ---------------- state ---------------- */
|
| 38 |
-
let _dsState = {
|
| 39 |
-
postIdx: -1, // index into _wallPosts
|
| 40 |
-
selected: [], // array of selected slide indices (into p.slides)
|
| 41 |
-
};
|
| 42 |
-
|
| 43 |
-
/* per-slide image override map: {si: imageUrl} set by the rewrite image list */
|
| 44 |
-
let _dsImgMap = {};
|
| 45 |
-
|
| 46 |
-
/* srcs backing the rewrite image list (Bug 2 fix: index-based, no inline onclick) */
|
| 47 |
-
let _dsRewriteImgSrcs = [];
|
| 48 |
-
|
| 49 |
-
/* designer-level "applied image": the image the user picked (rewrite / upload /
|
| 50 |
-
URL). Applied to ALL selected slides, including slides selected LATER.
|
| 51 |
-
Bug 3 fix: keeps "1 ảnh cho nhiều slide" working when selection changes. */
|
| 52 |
-
let _dsAppliedImg = '';
|
| 53 |
-
|
| 54 |
-
/* solid-color background for the 'solid' layout (map because _dsOptions reads it) */
|
| 55 |
-
let _dsBgColor = '';
|
| 56 |
-
/* sample background image (proxied URL) for the 'solid' layout */
|
| 57 |
-
let _dsBgSample = '';
|
| 58 |
-
|
| 59 |
-
/* ---------------- ratio / layout helpers ---------------- */
|
| 60 |
-
function designerGetRatioV2(){
|
| 61 |
-
const v = document.getElementById('ds-ratio')?.value || '3:4';
|
| 62 |
-
const m = v.split(':');
|
| 63 |
-
return m.length === 2 ? {w: parseInt(m[0]), h: parseInt(m[1])} : {w:3,h:4};
|
| 64 |
-
}
|
| 65 |
-
function designerGetLayoutV2(){ return document.getElementById('ds-layout')?.value || 'solid'; }
|
| 66 |
-
function designerGetFilterV2(){ return document.getElementById('ds-filter')?.value || 'none'; }
|
| 67 |
-
function designerGetGlowV2(){ return document.getElementById('ds-glow')?.value || 'none'; }
|
| 68 |
-
function designerGetPosV2(){ return document.getElementById('ds-pos')?.value || 'middle'; }
|
| 69 |
-
|
| 70 |
-
/* ---------------- open modal (override) ---------------- */
|
| 71 |
-
function openSlideDesigner(idx){
|
| 72 |
-
const p = _wallPosts[idx]; if(!p || !p.slides || !p.slides.length) return;
|
| 73 |
-
_dsState.postIdx = idx;
|
| 74 |
-
// default: chỉ slide đầu tiên (slide 1 = ảnh đại diện bài đăng tường).
|
| 75 |
-
// Người dùng có thể chọn thêm bằng checkbox hoặc "Chọn tất cả".
|
| 76 |
-
_dsState.selected = p.slides.length ? [0] : [];
|
| 77 |
-
_dsBgDataUrl = null; // reset uploaded bg between opens
|
| 78 |
-
_dsTextColor = '#ffffff';
|
| 79 |
-
_dsImgMode = 'rewrite'; // default: use rewrite image
|
| 80 |
-
_dsImgMap = {}; // reset per-slide image overrides
|
| 81 |
-
_dsRewriteImgSrcs = [];
|
| 82 |
-
_dsAppliedImg = ''; // reset designer-level applied image
|
| 83 |
-
_buildDesignerModal(p);
|
| 84 |
-
}
|
| 85 |
-
|
| 86 |
-
function _buildDesignerModal(p){
|
| 87 |
-
const overlay = document.createElement('div');
|
| 88 |
-
overlay.id = 'slide-designer-overlay';
|
| 89 |
-
overlay.style.cssText='position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:99999;display:flex;align-items:center;justify-content:center;padding:12px;overflow-y:auto';
|
| 90 |
-
let h='<div style="background:#16161a;border:2px solid #5cb87a;border-radius:16px;padding:18px;max-width:780px;width:100%;max-height:94vh;overflow-y:auto">';
|
| 91 |
-
h+='<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:14px"><h3 style="color:#5cb87a;margin:0;font-size:16px">🎨 Thiết kế ảnh slide</h3><button onclick="document.getElementById(\'slide-designer-overlay\').remove()" style="background:none;border:0;color:#fff;font-size:24px;cursor:pointer">✕</button></div>';
|
| 92 |
-
|
| 93 |
-
/* ---- 1. Chọn slide (1 / nhiều / tất cả) ---- */
|
| 94 |
-
h+='<div style="margin-bottom:10px"><label style="color:#888;font-size:11px;display:block;margin-bottom:6px">📌 Chọn slide để chỉnh sửa & đăng lên Tường AI:</label>';
|
| 95 |
-
h+='<div style="margin-bottom:8px;display:flex;gap:8px;flex-wrap:wrap">';
|
| 96 |
-
h+='<button id="ds-sel-all" style="background:#2d8659;border:0;color:#fff;padding:6px 12px;border-radius:8px;font-size:11px;cursor:pointer">✅ Chọn tất cả</button>';
|
| 97 |
-
h+='<button id="ds-sel-none" style="background:#333;border:0;color:#ddd;padding:6px 12px;border-radius:8px;font-size:11px;cursor:pointer">🚫 Bỏ chọn</button>';
|
| 98 |
-
h+='</div><div id="ds-slide-list" style="display:flex;flex-wrap:wrap;gap:8px">';
|
| 99 |
-
p.slides.forEach((s,i)=>{
|
| 100 |
-
const preview = s.image ? `<img src="${_proxyImg(s.image)}" style="width:100%;height:54px;object-fit:cover;border-radius:6px;margin-bottom:4px" onerror="this.style.display='none'">` : `<div style="width:100%;height:54px;background:#222;border-radius:6px;margin-bottom:4px;display:flex;align-items:center;justify-content:center;color:#555;font-size:20px">🖼️</div>`;
|
| 101 |
-
const isSel = _dsState.selected.includes(i);
|
| 102 |
-
h+=`<label data-idx="${i}" class="ds-slide-chip" style="width:110px;border:2px solid #2d8659;background:#1e2621;border-radius:10px;padding:6px;cursor:pointer;text-align:center">
|
| 103 |
-
<input type="checkbox" class="ds-slide-chk" data-idx="${i}"${isSel?' checked':''} style="accent-color:#5cb87a;width:14px;height:14px">
|
| 104 |
-
${preview}
|
| 105 |
-
<div style="color:#eee;font-size:10px;line-height:1.3;height:32px;overflow:hidden">Slide ${s.index||i+1}: ${(s.text||'').slice(0,34)}</div>
|
| 106 |
-
</label>`;
|
| 107 |
-
});
|
| 108 |
-
h+='</div></div>';
|
| 109 |
-
|
| 110 |
-
/* ---- 2. Nội dung từng slide đã chọn ---- */
|
| 111 |
-
h+='<div style="margin-bottom:10px"><label style="color:#888;font-size:11px;display:block;margin-bottom:4px">✏️ Nội dung từng slide:</label><div id="ds-texts"></div></div>';
|
| 112 |
-
|
| 113 |
-
/* ---- 3. Cấu hình thiết kế ---- */
|
| 114 |
-
h+='<div style="display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px">';
|
| 115 |
-
h+='<div><label style="color:#888;font-size:11px;display:block;margin-bottom:4px">Tỉ lệ cắt ảnh:</label><select id="ds-ratio" style="width:100%;background:#222;border:1px solid #333;color:#eee;border-radius:8px;padding:8px;font-size:12px"><option value="3:4">📱 3:4 (dọc)</option><option value="1:1">📐 1:1 (vuông)</option><option value="4:3">🖥️ 4:3 (ngang)</option><option value="16:9">🎞️ 16:9 (rộng)</option></select></div>';
|
| 116 |
-
h+='<div><label style="color:#888;font-size:11px;display:block;margin-bottom:4px">Vị trí chữ:</label><select id="ds-pos" style="width:100%;background:#222;border:1px solid #333;color:#eee;border-radius:8px;padding:8px;font-size:12px"><option value="middle">⬅️ Giữa</option><option value="top">⬆️ Trên</option><option value="bottom">⬇️ Dưới</option></select></div>';
|
| 117 |
-
h+='<div style="grid-column:1/3"><label style="color:#888;font-size:11px;display:block;margin-bottom:4px">✨ Hiệu ứng nền:</label><select id="ds-layout" style="width:100%;background:#222;border:1px solid #333;color:#eee;border-radius:8px;padding:8px;font-size:12px">';
|
| 118 |
-
h+='<option value="solid">🎨 Nền đều (phủ màu tối)</option>';
|
| 119 |
-
h+='<option value="gradient">🌈 Gradient (đổ màu)</option>';
|
| 120 |
-
h+='<option value="vignette">🌙 Vignette (viền tối dần)</option>';
|
| 121 |
-
h+='<option value="blur">🌀 Làm mờ hậu cảnh</option>';
|
| 122 |
-
h+='<option value="split">✂️ Chia đôi (trên mờ, dưới rõ)</option>';
|
| 123 |
-
h+='<option value="spotlight">🎯 Spotlight (ánh sáng giữa)</option>';
|
| 124 |
-
h+='<option value="diagonal">↘️ Đường chéo</option>';
|
| 125 |
-
h+='<option value="neon">💡 Neon (nền tối + chữ phát sáng)</option>';
|
| 126 |
-
h+='<option value="top-banner">🏷️ Banner trên cùng</option>';
|
| 127 |
-
h+='<option value="lower-third">📺 Lower-third (chữ dưới)</option>';
|
| 128 |
-
h+='<option value="card">🃏 Card bo góc</option>';
|
| 129 |
-
h+='<option value="corner">🖼️ Khung viền góc</option>';
|
| 130 |
-
h+='<option value="stars">🌠 Nền sao lấp lánh</option>';
|
| 131 |
-
h+='</select></div>';
|
| 132 |
-
h+='<div><label style="color:#888;font-size:11px;display:block;margin-bottom:4px">🎚️ Bộ lọc màu:</label><select id="ds-filter" style="width:100%;background:#222;border:1px solid #333;color:#eee;border-radius:8px;padding:8px;font-size:12px"><option value="none">Nguyên bản</option><option value="grayscale">⚪ Đen trắng</option><option value="sepia">🟤 Sepia</option><option value="saturate">🎨 Bão hòa mạnh</option><option value="warm">🔥 Ấm áp</option><option value="cool">❄️ Mát lạnh</option><option value="invert">🔁 Đảo màu</option><option value="noir">🖤 Noir tương phản</option></select></div>';
|
| 133 |
-
h+='<div><label style="color:#888;font-size:11px;display:block;margin-bottom:4px">💡 Phát sáng chữ:</label><select id="ds-glow" style="width:100%;background:#222;border:1px solid #333;color:#eee;border-radius:8px;padding:8px;font-size:12px"><option value="none">Tắt</option><option value="white">✨ Tỏa trắng</option><option value="color">🌈 Tỏa màu chữ</option><option value="neon">💡 Neon mạnh</option></select></div>';
|
| 134 |
-
h+='</div>';
|
| 135 |
-
|
| 136 |
-
/* ---- 3b. Màu nền + ảnh nền mẫu (chỉ hiển thị khi chọn "Nền đều/solid") ---- */
|
| 137 |
-
h+='<div id="ds-bg-solid-wrap" style="display:none;margin-bottom:10px;padding:10px;background:#1e2621;border:1px solid #2d8659;border-radius:10px">';
|
| 138 |
-
h+='<div style="color:#888;font-size:11px;display:block;margin-bottom:6px">🎨 Màu nền (nền trơn):</div><div style="display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px" id="ds-bg-colors">';
|
| 139 |
-
['#0f172a','#1e293b','#334155','#1a1a2e','#16213e','#0f3460','#202040','#2d3436','#2c2c54','#3d1e1e','#4a1e3d','#1e3d2f','#3a2e1e','#111827','#0b0b1a','#233329'].forEach(c=>{h+=`<button class="ds-bgcolor-btn" data-color="${c}" style="width:30px;height:30px;border-radius:8px;border:2px solid #333;background:${c};cursor:pointer;padding:0" title="${c}"></button>`;});
|
| 140 |
-
h+='</div>';
|
| 141 |
-
h+='<div style="color:#888;font-size:11px;display:block;margin-bottom:6px">🖼️ Hoặc chọn ẢNH NỀN MẪU:</div><div style="display:flex;flex-wrap:wrap;gap:6px" id="ds-bg-samples">';
|
| 142 |
-
_DS_BG_SAMPLES.forEach((b,bi)=>{h+=`<button type="button" class="ds-bgsample-btn" data-bi="${bi}" style="width:52px;height:68px;border-radius:8px;border:2px solid #333;background:#222;background-image:url('${_dsImageSrc(b)}');background-size:cover;background-position:center;cursor:pointer;padding:0;position:relative"><span style="position:absolute;right:3px;top:3px;font-size:9px;line-height:1;color:#fff;text-shadow:0 0 3px #000">🖼️</span></button>`;});
|
| 143 |
-
h+='</div>';
|
| 144 |
-
h+='<div style="color:#666;font-size:9px;margin-top:6px">Chọn màu nền hoặc ảnh nền mẫu — ảnh nền mẫu sẽ được phủ mờ để chữ dễ đọc. Nếu không chọn, dùng màu tối mặc định.</div>';
|
| 145 |
-
h+='</div>';
|
| 146 |
-
|
| 147 |
-
/* ---- 4. Màu chữ + nền ---- */
|
| 148 |
-
h+='<div style="margin-bottom:10px"><label style="color:#888;font-size:11px;display:block;margin-bottom:4px">🎨 Màu chữ:</label><div style="display:flex;gap:6px;flex-wrap:wrap" id="ds-colors">';
|
| 149 |
-
['#ffffff','#000000','#ff4444','#44ff44','#4444ff','#ffff00','#ff00ff','#00ffff','#ff8800','#88ff00','#ffd700','#ff69b4'].forEach(c=>{h+=`<button class="ds-color-btn" data-color="${c}" style="width:26px;height:26px;border-radius:50%;border:2px solid ${c==='#ffffff'?'#888':'#333'};background:${c};cursor:pointer;padding:0"></button>`;});
|
| 150 |
-
h+='</div></div>';
|
| 151 |
-
|
| 152 |
-
/* ---- 5. Ảnh nền (source buttons + URL/upload) ---- */
|
| 153 |
-
h+='<div style="margin-bottom:6px"><label style="color:#888;font-size:11px;display:block;margin-bottom:4px">🖼️ Ảnh nền:</label>';
|
| 154 |
-
h+='<div style="display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px">';
|
| 155 |
-
h+='<button id="ds-img-src-rewrite" class="ds-img-src-btn" style="background:#2d8659;border:0;color:#fff;padding:6px 10px;border-radius:8px;font-size:10px;cursor:pointer">📰 Ảnh từ bài rewrite</button>';
|
| 156 |
-
h+='<button id="ds-img-src-custom" class="ds-img-src-btn" style="background:#333;border:0;color:#ccc;padding:6px 10px;border-radius:8px;font-size:10px;cursor:pointer">🖼️ Ảnh riêng (URL/upload)</button>';
|
| 157 |
-
h+='<button id="ds-img-src-none" class="ds-img-src-btn" style="background:#333;border:0;color:#ccc;padding:6px 10px;border-radius:8px;font-size:10px;cursor:pointer">🚫 Không ảnh (nền trơn)</button>';
|
| 158 |
-
h+='</div>';
|
| 159 |
-
/* URL + upload panel (only the URL/upload inputs collapse; apply button stays visible) */
|
| 160 |
-
h+='<div id="ds-custom-img-url-wrap" style="display:none">';
|
| 161 |
-
h+='<input id="ds-bg-url" type="text" placeholder="https://... (URL ảnh)" style="width:100%;background:#222;border:1px solid #333;color:#eee;border-radius:8px;padding:8px;font-size:12px;margin-bottom:6px">';
|
| 162 |
-
h+='<input type="file" id="ds-bg-file" accept="image/*" style="font-size:11px;color:#888">';
|
| 163 |
-
h+='</div>';
|
| 164 |
-
/* "Áp dụng ảnh này cho TẤT CẢ slide đã chọn" — ALWAYS visible (Bug 1 fix) */
|
| 165 |
-
h+='<div style="display:flex;gap:6px;margin-top:6px;flex-wrap:wrap;align-items:center"><button id="ds-apply-img-btn" style="background:#2d8659;border:0;color:#fff;padding:6px 12px;border-radius:8px;font-size:10px;cursor:pointer">📌 Áp dụng ảnh này cho TẤT CẢ slide đã chọn</button><span id="ds-apply-img-hint" style="color:#5cb87a;font-size:9px;line-height:1.6">✓ Áp dụng để dùng 1 ảnh cho nhiều slide</span></div>';
|
| 166 |
-
h+='<div style="color:#888;font-size:10px">Ảnh tải lên/URL nhập từ ngoài (hoặc chọn từ danh sách dưới) sẽ thay thế ảnh bài rewrite và áp dụng cho TẤT CẢ slide đã chọn.</div>';
|
| 167 |
-
h+='<div id="ds-rewrite-imgs" style="margin-top:8px;display:none"><label style="color:#888;font-size:10px;display:block;margin-bottom:4px">📋 Danh sách ảnh từ bài rewrite (bấm để chọn ảnh):</label><div id="ds-rewrite-list" style="display:flex;flex-wrap:wrap;gap:6px"></div></div>';
|
| 168 |
-
h+='</div>';
|
| 169 |
-
|
| 170 |
-
h+='<div style="margin-top:14px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap"><button id="ds-preview-btn" style="background:#2d8659;border:0;color:#fff;padding:10px 18px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer">👁 Xem trước</button><button id="ds-save-btn" style="background:#1a3a5a;border:1px solid #3a5a7b;color:#fff;padding:10px 18px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer">📤 Lưu & Đăng lên Tường AI ('+p.slides.length+' slide)</button></div>';
|
| 171 |
-
h+='<div id="ds-preview-area" style="margin-top:12px;text-align:center;display:none"></div>';
|
| 172 |
-
h+='<div id="ds-status" style="color:#888;font-size:11px;margin-top:8px;text-align:center"></div>';
|
| 173 |
-
overlay.innerHTML=h; document.body.appendChild(overlay);
|
| 174 |
-
|
| 175 |
-
/* button label update fn */
|
| 176 |
-
window._dsUpdateSaveLabel = function(){
|
| 177 |
-
const n = _dsState.selected.length;
|
| 178 |
-
const b = document.getElementById('ds-save-btn');
|
| 179 |
-
if(b) b.textContent = '📤 Lưu & Đăng lên Tường AI ('+n+' slide)';
|
| 180 |
-
};
|
| 181 |
-
|
| 182 |
-
/* ---- slide selection wiring ---- */
|
| 183 |
-
overlay.querySelectorAll('.ds-slide-chk').forEach(chk=>{
|
| 184 |
-
chk.addEventListener('change', _dsSyncSelection);
|
| 185 |
-
});
|
| 186 |
-
document.getElementById('ds-sel-all').addEventListener('click', ()=>{ _setAllSelected(true); });
|
| 187 |
-
document.getElementById('ds-sel-none').addEventListener('click', ()=>{ _setAllSelected(false); });
|
| 188 |
-
document.getElementById('ds-slide-list').addEventListener('click', e=>{
|
| 189 |
-
const lbl = e.target.closest('.ds-slide-chip');
|
| 190 |
-
if(!lbl) return;
|
| 191 |
-
const chk = lbl.querySelector('.ds-slide-chk');
|
| 192 |
-
if(e.target === chk) return;
|
| 193 |
-
chk.checked = !chk.checked; _dsSyncSelection();
|
| 194 |
-
});
|
| 195 |
-
|
| 196 |
-
/* ---- inputs wiring ---- */
|
| 197 |
-
document.getElementById('ds-preview-btn').addEventListener('click', _dsPreview);
|
| 198 |
-
document.getElementById('ds-save-btn').addEventListener('click', ()=>_dsSave(p));
|
| 199 |
-
['ds-texts','ds-ratio','ds-layout','ds-filter','ds-glow','ds-pos'].forEach(id=>{
|
| 200 |
-
['change','input'].forEach(evt=>{
|
| 201 |
-
const el=document.getElementById(id); if(el) el.addEventListener(evt, ()=>_dsDebounce(_dsPreview, 150));
|
| 202 |
-
});
|
| 203 |
-
});
|
| 204 |
-
// URL input: as user types a custom image URL, live-preview + apply to selected
|
| 205 |
-
const bgUrlInput=document.getElementById('ds-bg-url');
|
| 206 |
-
if(bgUrlInput){
|
| 207 |
-
bgUrlInput.addEventListener('input', ()=>{
|
| 208 |
-
const v=bgUrlInput.value.trim();
|
| 209 |
-
if(v && v.length>8){
|
| 210 |
-
_dsSetImgMode('custom');
|
| 211 |
-
const proxied=_dsImageSrc(v);
|
| 212 |
-
_dsAppliedImg = proxied; // Bug 3: applies to current + future selections
|
| 213 |
-
const sel=_dsState.selected;
|
| 214 |
-
if(sel.length){ sel.forEach(si=>{ _dsImgMap[si]=proxied; }); }
|
| 215 |
-
else { _dsImgMap[0]=proxied; }
|
| 216 |
-
}
|
| 217 |
-
_dsDebounce(_dsPreview,150);
|
| 218 |
-
});
|
| 219 |
-
}
|
| 220 |
-
// Bug 1 fix: pass through the event; _dsHandleBgFile reads evt.target.files
|
| 221 |
-
document.getElementById('ds-bg-file').addEventListener('change', _dsHandleBgFile);
|
| 222 |
-
['ds-img-src-rewrite','ds-img-src-custom','ds-img-src-none'].forEach(id=>{
|
| 223 |
-
const b=document.getElementById(id);
|
| 224 |
-
if(b) b.addEventListener('click', ()=>{
|
| 225 |
-
_dsSetImgMode(id==='ds-img-src-rewrite'?'rewrite':id==='ds-img-src-custom'?'custom':'none');
|
| 226 |
-
});
|
| 227 |
-
});
|
| 228 |
-
/* "Áp dụng ảnh này cho TẤT CẢ slide đã chọn" — always-visible apply button */
|
| 229 |
-
const applyBtn=document.getElementById('ds-apply-img-btn');
|
| 230 |
-
if(applyBtn){
|
| 231 |
-
applyBtn.addEventListener('click', function(){
|
| 232 |
-
let chosen = _dsBgDataUrl || (document.getElementById('ds-bg-url')?.value||'');
|
| 233 |
-
if(!chosen){ toast('⚠️ Chọn ảnh (tải lên hoặc nhập URL) trước khi áp dụng'); return; }
|
| 234 |
-
_dsSetImgMode('custom');
|
| 235 |
-
let proxied = _dsImageSrc(chosen);
|
| 236 |
-
_dsAppliedImg = proxied; // Bug 3 fix
|
| 237 |
-
dsApplyImgToSelected(proxied);
|
| 238 |
-
});
|
| 239 |
-
}
|
| 240 |
-
// Toggle the "nền trơn" (solid) color + sample-image panel when layout changes
|
| 241 |
-
const layoutSel=document.getElementById('ds-layout');
|
| 242 |
-
if(layoutSel){
|
| 243 |
-
const toggleSolidPanel=()=>{
|
| 244 |
-
const wrap=document.getElementById('ds-bg-solid-wrap');
|
| 245 |
-
if(wrap) wrap.style.display = layoutSel.value==='solid' ? 'block' : 'none';
|
| 246 |
-
};
|
| 247 |
-
layoutSel.addEventListener('change', toggleSolidPanel);
|
| 248 |
-
layoutSel.addEventListener('input', toggleSolidPanel);
|
| 249 |
-
toggleSolidPanel();
|
| 250 |
-
}
|
| 251 |
-
// Solid background color swatches
|
| 252 |
-
const bgColorBox=document.getElementById('ds-bg-colors');
|
| 253 |
-
if(bgColorBox){
|
| 254 |
-
bgColorBox.addEventListener('click', e=>{
|
| 255 |
-
const b=e.target.closest('.ds-bgcolor-btn'); if(!b) return;
|
| 256 |
-
document.querySelectorAll('#ds-bg-colors .ds-bgcolor-btn').forEach(x=>x.style.borderColor='#333');
|
| 257 |
-
b.style.borderColor='#fff';
|
| 258 |
-
_dsBgColor = b.dataset.color;
|
| 259 |
-
_dsBgSample = ''; // color takes precedence over sample image
|
| 260 |
-
document.querySelectorAll('#ds-bg-samples .ds-bgsample-btn').forEach(x=>x.style.borderColor='#333');
|
| 261 |
-
_dsStatus('🎨 Đã chọn màu nền: '+_dsBgColor);
|
| 262 |
-
_dsDebounce(_dsPreview, 150);
|
| 263 |
-
});
|
| 264 |
-
}
|
| 265 |
-
// Sample background images (only for solid layout)
|
| 266 |
-
const bgSampleBox=document.getElementById('ds-bg-samples');
|
| 267 |
-
if(bgSampleBox){
|
| 268 |
-
bgSampleBox.addEventListener('click', e=>{
|
| 269 |
-
const b=e.target.closest('.ds-bgsample-btn'); if(!b) return;
|
| 270 |
-
const bi=parseInt(b.dataset.bi,10);
|
| 271 |
-
const src=_DS_BG_SAMPLES[bi];
|
| 272 |
-
if(!src) return;
|
| 273 |
-
document.querySelectorAll('#ds-bg-samples .ds-bgsample-btn').forEach(x=>x.style.borderColor='#333');
|
| 274 |
-
b.style.borderColor='#ffd700';
|
| 275 |
-
_dsBgSample = _dsImageSrc(src);
|
| 276 |
-
_dsBgColor = ''; // sample image takes precedence over color
|
| 277 |
-
document.querySelectorAll('#ds-bg-colors .ds-bgcolor-btn').forEach(x=>x.style.borderColor='#333');
|
| 278 |
-
_dsStatus('🖼️ Đã chọn ảnh nền mẫu');
|
| 279 |
-
_dsDebounce(_dsPreview, 150);
|
| 280 |
-
});
|
| 281 |
-
}
|
| 282 |
-
_syncImgModeBtns();
|
| 283 |
-
_dsRefreshRewriteImgs(p);
|
| 284 |
-
document.getElementById('ds-colors').addEventListener('click', e=>{
|
| 285 |
-
const b = e.target.closest('.ds-color-btn'); if(!b) return;
|
| 286 |
-
overlay.querySelectorAll('.ds-color-btn').forEach(x=>x.style.borderColor='#333');
|
| 287 |
-
b.style.borderColor='#fff';
|
| 288 |
-
_dsTextColor = b.dataset.color;
|
| 289 |
-
_dsDebounce(_dsPreview, 150);
|
| 290 |
-
});
|
| 291 |
-
|
| 292 |
-
_dsRefreshTexts(p);
|
| 293 |
-
_dsUpdateSaveLabel();
|
| 294 |
-
_dsPreview();
|
| 295 |
-
}
|
| 296 |
-
|
| 297 |
-
/* ---------------- selection sync ---------------- */
|
| 298 |
-
function _setAllSelected(on){
|
| 299 |
-
_dsState.selected = [];
|
| 300 |
-
document.querySelectorAll('#ds-slide-list .ds-slide-chk').forEach(chk=>{ chk.checked = on; if(on) _dsState.selected.push(parseInt(chk.dataset.idx)); });
|
| 301 |
-
// Bug 3 fix: if an image was already applied at designer level, push it to
|
| 302 |
-
// every slide that is (now) selected so "1 ảnh cho nhiều slide" also covers
|
| 303 |
-
// slides selected AFTER the image was picked.
|
| 304 |
-
if(on && _dsAppliedImg){
|
| 305 |
-
_dsState.selected.forEach(si=>{ _dsImgMap[si] = _dsAppliedImg; });
|
| 306 |
-
}
|
| 307 |
-
const p = _wallPosts[_dsState.postIdx];
|
| 308 |
-
if(p) _dsRefreshTexts(p);
|
| 309 |
-
_dsUpdateSaveLabel();
|
| 310 |
-
_dsDebounce(_dsPreview, 150);
|
| 311 |
-
}
|
| 312 |
-
function _dsSyncSelection(){
|
| 313 |
-
_dsState.selected = [];
|
| 314 |
-
document.querySelectorAll('#ds-slide-list .ds-slide-chk:checked').forEach(chk=>{ _dsState.selected.push(parseInt(chk.dataset.idx)); });
|
| 315 |
-
// Bug 3 fix: same propagation for checkbox changes.
|
| 316 |
-
if(_dsAppliedImg){
|
| 317 |
-
_dsState.selected.forEach(si=>{ if(!_dsImgMap[si]) _dsImgMap[si] = _dsAppliedImg; });
|
| 318 |
-
}
|
| 319 |
-
const p = _wallPosts[_dsState.postIdx];
|
| 320 |
-
if(p) _dsRefreshTexts(p);
|
| 321 |
-
_dsUpdateSaveLabel();
|
| 322 |
-
_dsDebounce(_dsPreview, 150);
|
| 323 |
-
}
|
| 324 |
-
|
| 325 |
-
/* ---------------- per-slide text areas ---------------- */
|
| 326 |
-
function _dsRefreshTexts(p){
|
| 327 |
-
const box = document.getElementById('ds-texts'); if(!box) return;
|
| 328 |
-
if(!_dsState.selected.length){ box.innerHTML='<div style="color:#888;font-size:11px;padding:6px">Chưa chọn slide nào.</div>'; return; }
|
| 329 |
-
let h='<div style="display:flex;flex-direction:column;gap:6px">';
|
| 330 |
-
_dsState.selected.forEach((si, k)=>{
|
| 331 |
-
const s = p.slides[si];
|
| 332 |
-
h+=`<textarea data-sivec="${k}" data-sidx="${si}" style="width:100%;min-height:44px;background:#222;border:1px solid #333;color:#eee;border-radius:8px;padding:8px;font-size:13px;resize:vertical">${esc(s.text||'')}</textarea>`;
|
| 333 |
-
});
|
| 334 |
-
h+='</div>';
|
| 335 |
-
box.innerHTML=h;
|
| 336 |
-
box.querySelectorAll('textarea').forEach(ta=>{
|
| 337 |
-
ta.addEventListener('input', ()=>{ _dsDebounce(_dsPreview, 200); });
|
| 338 |
-
});
|
| 339 |
-
}
|
| 340 |
-
|
| 341 |
-
/* ---------------- bg file ---------------- */
|
| 342 |
-
let _dsBgDataUrl = null;
|
| 343 |
-
let _dsTextColor = '#ffffff';
|
| 344 |
-
let _dsImgMode = 'rewrite'; // 'rewrite' | 'custom' | 'none'
|
| 345 |
-
/* Bug 1 fix: this is bound as a 'change' listener, so the first arg is the
|
| 346 |
-
Event. Read the <input> from evt.target.files (previously input.files was
|
| 347 |
-
undefined, so the upload silently did nothing and the preview/apply button
|
| 348 |
-
never saw the image). */
|
| 349 |
-
function _dsHandleBgFile(evt){
|
| 350 |
-
const input = evt && evt.target ? evt.target : evt;
|
| 351 |
-
const file = (input && input.files && input.files[0]) ? input.files[0] : null;
|
| 352 |
-
if(!file) return;
|
| 353 |
-
_dsSetImgMode('custom'); // show the custom-img URL/upload panel
|
| 354 |
-
const reader=new FileReader();
|
| 355 |
-
reader.onload=function(e){
|
| 356 |
-
_dsBgDataUrl=e.target.result;
|
| 357 |
-
_dsImgMode='custom';
|
| 358 |
-
_syncImgModeBtns();
|
| 359 |
-
_dsStatus('✅ Đã chọn ảnh: '+(file.name||'').slice(0,30) + (file.size? ' ('+Math.round(file.size/1024)+'KB)':''));
|
| 360 |
-
// Auto-apply uploaded image to ALL currently selected slides so the upload
|
| 361 |
-
// has an immediate, visible effect (preview + save will use it for every slide).
|
| 362 |
-
_dsAppliedImg = _dsBgDataUrl; // Bug 3 fix: applies to future selections too
|
| 363 |
-
const sel=_dsState.selected;
|
| 364 |
-
if(sel.length){ sel.forEach(si=>{ _dsImgMap[si]=_dsBgDataUrl; }); }
|
| 365 |
-
else { _dsImgMap[0]=_dsBgDataUrl; }
|
| 366 |
-
_dsDebounce(_dsPreview,150);
|
| 367 |
-
};
|
| 368 |
-
reader.readAsDataURL(file);
|
| 369 |
-
}
|
| 370 |
-
/* Show a transient status line in the designer footer. */
|
| 371 |
-
function _dsStatus(msg){
|
| 372 |
-
const s=document.getElementById('ds-status'); if(s) s.textContent=msg;
|
| 373 |
-
}
|
| 374 |
-
function _syncImgModeBtns(){
|
| 375 |
-
['ds-img-src-rewrite','ds-img-src-custom','ds-img-src-none'].forEach(id=>{
|
| 376 |
-
const b=document.getElementById(id);
|
| 377 |
-
if(!b) return;
|
| 378 |
-
const on = (id==='ds-img-src-rewrite' && _dsImgMode==='rewrite') ||
|
| 379 |
-
(id==='ds-img-src-custom' && _dsImgMode==='custom') ||
|
| 380 |
-
(id==='ds-img-src-none' && _dsImgMode==='none');
|
| 381 |
-
b.style.background = on ? '#2d8659' : '#333';
|
| 382 |
-
b.style.color = on ? '#fff' : '#ccc';
|
| 383 |
-
});
|
| 384 |
-
const wrap=document.getElementById('ds-custom-img-url-wrap');
|
| 385 |
-
if(wrap) wrap.style.display = _dsImgMode==='custom' ? 'block' : 'none';
|
| 386 |
-
}
|
| 387 |
-
function _dsSetImgMode(m){
|
| 388 |
-
_dsImgMode = m;
|
| 389 |
-
_syncImgModeBtns();
|
| 390 |
-
_dsDebounce(_dsPreview, 150);
|
| 391 |
-
}
|
| 392 |
-
|
| 393 |
-
/* Build a list of available rewrite images (post.img + each slide.image)
|
| 394 |
-
and render them so the user can pick 1 image to apply to the selected slides.
|
| 395 |
-
Bug 2 fix: uses data-index + a delegated click handler (no fragile inline
|
| 396 |
-
onclick embedding the raw URL, which broke on URLs containing quotes). */
|
| 397 |
-
function _dsRefreshRewriteImgs(p){
|
| 398 |
-
const box = document.getElementById('ds-rewrite-list');
|
| 399 |
-
if(!box) return;
|
| 400 |
-
const imgs = [];
|
| 401 |
-
const seen = new Set();
|
| 402 |
-
// post-level image first
|
| 403 |
-
if(p.img && typeof p.img === 'string' && p.img.length){
|
| 404 |
-
const key = p.img.startsWith('/api/') ? p.img : _dsImageSrc(p.img);
|
| 405 |
-
if(!seen.has(key)){ seen.add(key); imgs.push({src: key, label: 'Ảnh bài (đại diện)'}); }
|
| 406 |
-
}
|
| 407 |
-
// then per-slide images
|
| 408 |
-
if(Array.isArray(p.slides)){
|
| 409 |
-
p.slides.forEach((s, i)=>{
|
| 410 |
-
const raw = s.image || s.img || '';
|
| 411 |
-
if(raw && typeof raw === 'string' && raw.length){
|
| 412 |
-
const key = raw.startsWith('/api/') ? raw : _dsImageSrc(raw);
|
| 413 |
-
if(!seen.has(key)){ seen.add(key); imgs.push({src: key, label: `Slide ${s.index||i+1}`}); }
|
| 414 |
-
}
|
| 415 |
-
});
|
| 416 |
-
}
|
| 417 |
-
if(!imgs.length){
|
| 418 |
-
box.innerHTML = '<div style="color:#666;font-size:10px">Không có ảnh rewrite nào.</div>';
|
| 419 |
-
const wrap = document.getElementById('ds-rewrite-imgs');
|
| 420 |
-
if(wrap) wrap.style.display = 'none';
|
| 421 |
-
return;
|
| 422 |
-
}
|
| 423 |
-
const wrap = document.getElementById('ds-rewrite-imgs');
|
| 424 |
-
if(wrap) wrap.style.display = 'block';
|
| 425 |
-
_dsRewriteImgSrcs = imgs.map(x=>x.src); // index -> src
|
| 426 |
-
let h='';
|
| 427 |
-
imgs.forEach((img, idx)=>{
|
| 428 |
-
h += '<div style="display:flex;flex-direction:column;align-items:center;gap:2px">'
|
| 429 |
-
+ '<img src="'+esc(img.src)+'" data-ds-rw="'+idx+'" style="width:48px;height:48px;object-fit:cover;border-radius:6px;border:2px solid #2d8659;cursor:pointer" '
|
| 430 |
-
+ 'onerror="this.style.display=\'none\'">'
|
| 431 |
-
+ '<div style="color:#aaa;font-size:8px;text-align:center">'+img.label+'</div>'
|
| 432 |
-
+ '</div>';
|
| 433 |
-
});
|
| 434 |
-
box.innerHTML = h;
|
| 435 |
-
// Bug 2 fix: delegated click handler (event delegation, URL-safe)
|
| 436 |
-
box.onclick = function(e){
|
| 437 |
-
const im = e.target.closest('img[data-ds-rw]');
|
| 438 |
-
if(!im) return;
|
| 439 |
-
const idx = parseInt(im.getAttribute('data-ds-rw'), 10);
|
| 440 |
-
const src = _dsRewriteImgSrcs[idx];
|
| 441 |
-
if(src) dsApplyImgToSelected(src);
|
| 442 |
-
};
|
| 443 |
-
}
|
| 444 |
-
|
| 445 |
-
/* Apply a chosen image src to ALL selected slides (or the current preview slide). */
|
| 446 |
-
function dsApplyImgToSelected(imgSrc){
|
| 447 |
-
_dsAppliedImg = imgSrc; // Bug 3 fix: remember at designer level (future selections too)
|
| 448 |
-
const sel = _dsState.selected;
|
| 449 |
-
if(sel.length){
|
| 450 |
-
sel.forEach(si=>{ _dsImgMap[si] = imgSrc; });
|
| 451 |
-
}else{
|
| 452 |
-
_dsImgMap[0] = imgSrc;
|
| 453 |
-
}
|
| 454 |
-
_dsImgMode = 'custom'; // visually marks we are using a chosen image
|
| 455 |
-
_syncImgModeBtns();
|
| 456 |
-
_dsStatus('✅ Đã áp dụng ảnh cho '+(sel.length? sel.length+' slide đã chọn':'slide hiện tại'));
|
| 457 |
-
// refresh preview immediately (selected slide 0 is what we preview)
|
| 458 |
-
const p=_wallPosts[_dsState.postIdx];
|
| 459 |
-
if(p && sel.length){ _dsOptions(p, sel[0]); }
|
| 460 |
-
_dsPreview();
|
| 461 |
-
}
|
| 462 |
-
|
| 463 |
-
function _dsDebounce(fn,d){ clearTimeout(fn._t); fn._t=setTimeout(fn,d); }
|
| 464 |
-
|
| 465 |
-
/* ---------------- get design options ---------------- */
|
| 466 |
-
function _dsOptions(p, si){
|
| 467 |
-
const s = p.slides[si];
|
| 468 |
-
const ta = document.querySelector(`#ds-texts textarea[data-sidx="${si}"]`);
|
| 469 |
-
const text = ta ? ta.value : (s.text||'');
|
| 470 |
-
const bgInput = document.getElementById('ds-bg-url')?.value||'';
|
| 471 |
-
// Per-slide image override: when user picks an image from the rewrite list,
|
| 472 |
-
// it is stored in _dsImgMap[si] and applied to that specific slide.
|
| 473 |
-
let bgUrl = '';
|
| 474 |
-
// Solid layout + user picked a SAMPLE background image -> use it as the
|
| 475 |
-
// background photo (dark overlay for readability) instead of a flat color.
|
| 476 |
-
const isSolid = designerGetLayoutV2()==='solid';
|
| 477 |
-
const useSample = isSolid && _dsBgSample && !_dsAppliedImg;
|
| 478 |
-
if(useSample) bgUrl = _dsBgSample;
|
| 479 |
-
// Bug 3 fix: designer-level applied image wins for every selected slide.
|
| 480 |
-
// Applied when the user picked an image (rewrite picker / upload / URL /
|
| 481 |
-
// "Áp dụng" button) — even for slides selected AFTER the image was picked.
|
| 482 |
-
if(!bgUrl && _dsAppliedImg) bgUrl = _dsAppliedImg;
|
| 483 |
-
if(!bgUrl && _dsImgMap[si]) bgUrl = _dsImgMap[si];
|
| 484 |
-
if(!bgUrl){
|
| 485 |
-
if(_dsImgMode === 'custom'){
|
| 486 |
-
bgUrl = _dsBgDataUrl || bgInput || '';
|
| 487 |
-
} else if(_dsImgMode === 'rewrite'){
|
| 488 |
-
bgUrl = s.image || p.img || '';
|
| 489 |
-
} // none -> ''
|
| 490 |
-
}
|
| 491 |
-
return {
|
| 492 |
-
si, s, text, bgUrl,
|
| 493 |
-
ratio: designerGetRatioV2(),
|
| 494 |
-
layout: isSolid ? 'solid' : designerGetLayoutV2(),
|
| 495 |
-
filter: designerGetFilterV2(),
|
| 496 |
-
glow: designerGetGlowV2(),
|
| 497 |
-
pos: designerGetPosV2(),
|
| 498 |
-
color: _dsTextColor,
|
| 499 |
-
bgColor: _dsBgColor, // solid-layout background color ('' = default dark)
|
| 500 |
-
bgSample: useSample ? _dsBgSample : '', // 'sample' mode: img passed to draw
|
| 501 |
-
};
|
| 502 |
-
}
|
| 503 |
-
|
| 504 |
-
/* ---------------- drawing core ---------------- */
|
| 505 |
-
function _dsImageSrc(url){
|
| 506 |
-
if(!url) return '';
|
| 507 |
-
if(url.startsWith('/api/') || url.startsWith('data:')) return url;
|
| 508 |
-
return '/api/proxy/img?url='+encodeURIComponent(url);
|
| 509 |
-
}
|
| 510 |
-
/* Only tag crossOrigin=anonymous for proxied EXTERNAL images.
|
| 511 |
-
Setting it on data: URLs or local /api/ paths can cause silent onload
|
| 512 |
-
failures (black preview) in some browser/CORS configurations. */
|
| 513 |
-
function _dsMakeImg(url){
|
| 514 |
-
const img=new Image();
|
| 515 |
-
if(url && !url.startsWith('data:') && !url.startsWith('/api/')) img.crossOrigin='anonymous';
|
| 516 |
-
return img;
|
| 517 |
-
}
|
| 518 |
-
|
| 519 |
-
/* Sample background images for the "Nền đều (solid)" layout — abstract
|
| 520 |
-
gradients that look good with white text. Served through the /api/proxy/img
|
| 521 |
-
endpoint (same-origin, no crossOrigin needed — _dsMakeImg handles that).
|
| 522 |
-
Keyed for the modal background swatches and for _dsDrawLayout. */
|
| 523 |
-
const _DS_BG_SAMPLES = [
|
| 524 |
-
'https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=900&q=60', // sơn hùng vĩ (núi)
|
| 525 |
-
'https://images.unsplash.com/photo-1470071459604-3b5ec3a7fe05?w=900&q=60', // sương mù rừng
|
| 526 |
-
'https://images.unsplash.com/photo-1462331940025-496dfbfc7564?w=900&q=60', // vũ trụ
|
| 527 |
-
'https://images.unsplash.com/photo-1469474968028-56623f02e42e?w=900&q=60', // núi rừng
|
| 528 |
-
'https://images.unsplash.com/photo-1499002238440-d264edd596ec?w=900&q=60', // hoàng hôn
|
| 529 |
-
'https://images.unsplash.com/photo-1448375240586-882707db888b?w=900&q=60', // rừng tối
|
| 530 |
-
'https://images.unsplash.com/photo-1519681393784-d120267933ba?w=900&q=60', // trời sao
|
| 531 |
-
'https://images.unsplash.com/photo-1518173946687-a4c8892bbd9f?w=900&q=60', // biển đêm
|
| 532 |
-
'https://images.unsplash.com/photo-1497436072909-60f360e1d4b1?w=900&q=60', // đồng cỏ
|
| 533 |
-
];
|
| 534 |
-
|
| 535 |
-
/* draw bg image with cover-fit + color filter */
|
| 536 |
-
function _dsDrawBg(ctx, W, H, bgUrl, filter, blur){
|
| 537 |
-
ctx.save();
|
| 538 |
-
ctx.fillStyle='#111'; ctx.fillRect(0,0,W,H);
|
| 539 |
-
// filter string
|
| 540 |
-
let f='';
|
| 541 |
-
if(filter==='grayscale') f='grayscale(1)';
|
| 542 |
-
else if(filter==='sepia') f='sepia(0.85)';
|
| 543 |
-
else if(filter==='saturate') f='saturate(2.4)';
|
| 544 |
-
else if(filter==='warm') f='sepia(0.45) saturate(1.5) hue-rotate(-15deg)';
|
| 545 |
-
else if(filter==='cool') f='saturate(1.2) hue-rotate(15deg) brightness(1.05)';
|
| 546 |
-
else if(filter==='invert') f='invert(1)';
|
| 547 |
-
else if(filter==='noir') f='grayscale(1) contrast(1.6) brightness(0.9)';
|
| 548 |
-
if(blur) f=(f?f+' ':'')+'blur('+blur+'px)';
|
| 549 |
-
ctx.filter = f;
|
| 550 |
-
if(bgUrl){
|
| 551 |
-
const img = new Image(); img.crossOrigin='anonymous';
|
| 552 |
-
// Note: async path handled by caller via onload; this fn is synchronous draw of already-loaded img
|
| 553 |
-
}
|
| 554 |
-
ctx.restore();
|
| 555 |
-
}
|
| 556 |
-
|
| 557 |
-
/* ---------------- layout effects (with loaded bg image) ---------------- */
|
| 558 |
-
function _dsDrawLayout(ctx, W, H, opts, img){
|
| 559 |
-
const { layout, filter, bgUrl, bgColor } = opts;
|
| 560 |
-
// base: solid layout can use the chosen background color (no image needed)
|
| 561 |
-
let baseColor = '#141414';
|
| 562 |
-
if(layout==='solid' && !img && bgColor) baseColor = bgColor;
|
| 563 |
-
ctx.fillStyle = baseColor; ctx.fillRect(0,0,W,H);
|
| 564 |
-
// draw bg image cover-fit if present & loaded
|
| 565 |
-
if(img){
|
| 566 |
-
const blur = layout==='blur' ? Math.max(6, Math.round(W/90)) : 0;
|
| 567 |
-
ctx.save();
|
| 568 |
-
let f='';
|
| 569 |
-
if(filter==='grayscale') f='grayscale(1)';
|
| 570 |
-
else if(filter==='sepia') f='sepia(0.85)';
|
| 571 |
-
else if(filter==='saturate') f='saturate(2.4)';
|
| 572 |
-
else if(filter==='warm') f='sepia(0.45) saturate(1.5) hue-rotate(-15deg)';
|
| 573 |
-
else if(filter==='cool') f='saturate(1.2) hue-rotate(15deg) brightness(1.05)';
|
| 574 |
-
else if(filter==='invert') f='invert(1)';
|
| 575 |
-
else if(filter==='noir') f='grayscale(1) contrast(1.6) brightness(0.9)';
|
| 576 |
-
if(blur) f=(f?f+' ':'')+'blur('+blur+'px)';
|
| 577 |
-
ctx.filter = f;
|
| 578 |
-
const iw=img.naturalWidth||1, ih=img.naturalHeight||1;
|
| 579 |
-
const scale=Math.max(W/iw, H/ih);
|
| 580 |
-
const dw=iw*scale, dh=ih*scale;
|
| 581 |
-
const dx=(W-dw)/2, dy=(H-dh)/2;
|
| 582 |
-
ctx.drawImage(img,0,0,iw,ih,dx,dy,dw,dh);
|
| 583 |
-
ctx.filter='none';
|
| 584 |
-
ctx.restore();
|
| 585 |
-
}
|
| 586 |
-
// overlay per layout
|
| 587 |
-
if(layout==='gradient'){
|
| 588 |
-
const g=ctx.createLinearGradient(0,0,W,H);
|
| 589 |
-
g.addColorStop(0,'rgba(50,20,90,0.75)'); g.addColorStop(0.5,'rgba(20,60,120,0.6)'); g.addColorStop(1,'rgba(120,30,60,0.75)');
|
| 590 |
-
ctx.fillStyle=g; ctx.fillRect(0,0,W,H);
|
| 591 |
-
}
|
| 592 |
-
else if(layout==='vignette'){
|
| 593 |
-
const g=ctx.createRadialGradient(W/2,H/2,0,W/2,H/2,Math.max(W,H)*0.62);
|
| 594 |
-
g.addColorStop(0,'rgba(0,0,0,0)'); g.addColorStop(1,'rgba(0,0,0,0.78)');
|
| 595 |
-
ctx.fillStyle=g; ctx.fillRect(0,0,W,H);
|
| 596 |
-
}
|
| 597 |
-
else if(layout==='split'){
|
| 598 |
-
const g=ctx.createLinearGradient(0,0,0,H);
|
| 599 |
-
g.addColorStop(0,'rgba(0,0,0,0.85)'); g.addColorStop(0.5,'rgba(0,0,0,0.15)'); g.addColorStop(1,'rgba(0,0,0,0.85)');
|
| 600 |
-
ctx.fillStyle=g; ctx.fillRect(0,0,W,H);
|
| 601 |
-
}
|
| 602 |
-
else if(layout==='spotlight'){
|
| 603 |
-
ctx.fillStyle='rgba(0,0,0,0.72)'; ctx.fillRect(0,0,W,H);
|
| 604 |
-
const cx=W/2, cy=H*0.45, r=Math.max(W,H)*0.4;
|
| 605 |
-
const g=ctx.createRadialGradient(cx,cy,0,cx,cy,r);
|
| 606 |
-
g.addColorStop(0,'rgba(255,255,255,0.45)'); g.addColorStop(0.6,'rgba(255,255,255,0.12)'); g.addColorStop(1,'rgba(0,0,0,0.9)');
|
| 607 |
-
ctx.fillStyle=g; ctx.fillRect(0,0,W,H);
|
| 608 |
-
}
|
| 609 |
-
else if(layout==='diagonal'){
|
| 610 |
-
ctx.fillStyle='rgba(0,0,0,0.55)'; ctx.fillRect(0,0,W,H);
|
| 611 |
-
ctx.fillStyle='rgba(0,0,0,0.8)';
|
| 612 |
-
ctx.beginPath(); ctx.moveTo(0,0); ctx.lineTo(W*0.9,0); ctx.lineTo(0,H*0.9); ctx.closePath(); ctx.fill();
|
| 613 |
-
}
|
| 614 |
-
else if(layout==='neon'){
|
| 615 |
-
ctx.fillStyle='rgba(10,10,30,0.85)'; ctx.fillRect(0,0,W,H);
|
| 616 |
-
ctx.strokeStyle='rgba(80,220,255,0.5)'; ctx.lineWidth=Math.max(2,W/300);
|
| 617 |
-
ctx.strokeRect(W*0.03,H*0.03,W*0.94,H*0.94);
|
| 618 |
-
}
|
| 619 |
-
else if(layout==='top-banner'){
|
| 620 |
-
ctx.fillStyle='rgba(0,0,0,0)';
|
| 621 |
-
const g=ctx.createLinearGradient(0,0,0,H*0.5);
|
| 622 |
-
g.addColorStop(0,'rgba(0,0,0,0.8)'); g.addColorStop(1,'rgba(0,0,0,0)');
|
| 623 |
-
ctx.fillStyle=g; ctx.fillRect(0,0,W,H*0.5);
|
| 624 |
-
}
|
| 625 |
-
else if(layout==='lower-third'){
|
| 626 |
-
const g=ctx.createLinearGradient(0,H*0.55,0,H);
|
| 627 |
-
g.addColorStop(0,'rgba(0,0,0,0)'); g.addColorStop(1,'rgba(0,0,0,0.82)');
|
| 628 |
-
ctx.fillStyle=g; ctx.fillRect(0,H*0.55,W,H*0.45);
|
| 629 |
-
}
|
| 630 |
-
else if(layout==='card'){
|
| 631 |
-
ctx.fillStyle='rgba(0,0,0,0.35)'; ctx.fillRect(0,0,W,H);
|
| 632 |
-
// rounded card
|
| 633 |
-
const pad=Math.round(W*0.04);
|
| 634 |
-
ctx.fillStyle='rgba(0,0,0,0.65)';
|
| 635 |
-
_dsRoundRect(ctx, pad, H*0.16, W-2*pad, H*0.68, Math.round(W*0.05));
|
| 636 |
-
ctx.fill();
|
| 637 |
-
ctx.strokeStyle='rgba(255,255,255,0.25)'; ctx.lineWidth=Math.max(2,W/400); _dsRoundRect(ctx,pad,H*0.16,W-2*pad,H*0.68,Math.round(W*0.05)); ctx.stroke();
|
| 638 |
-
}
|
| 639 |
-
else if(layout==='corner'){
|
| 640 |
-
ctx.fillStyle='rgba(0,0,0,0.3)'; ctx.fillRect(0,0,W,H);
|
| 641 |
-
ctx.strokeStyle='rgba(255,215,0,0.9)'; ctx.lineWidth=Math.max(4,W/160);
|
| 642 |
-
const L=Math.round(W*0.18), c=Math.round(W*0.04);
|
| 643 |
-
[[0,c],[c,0],[W,c],[W-c,0],[0,H-c],[c,H],[W,H-c],[W-c,H]].forEach(([x,y],i)=>{
|
| 644 |
-
const top = y===0 || y===c; const left = x===0 || x===c;
|
| 645 |
-
ctx.beginPath();
|
| 646 |
-
if(i<4){ // top corners
|
| 647 |
-
if(top && left){ ctx.moveTo(x,y+L); ctx.lineTo(x,y); ctx.lineTo(x+L,y); }
|
| 648 |
-
else if(top){ ctx.moveTo(x,y+L); ctx.lineTo(x,y); ctx.lineTo(x-L,y); }
|
| 649 |
-
else { ctx.moveTo(x-L,y); ctx.lineTo(x,y); ctx.lineTo(x,y+L); }
|
| 650 |
-
} else { // bottom corners
|
| 651 |
-
if(left){ ctx.moveTo(x,y-L); ctx.lineTo(x,y); ctx.lineTo(x+L,y); }
|
| 652 |
-
else { ctx.moveTo(x-L,y); ctx.lineTo(x,y); ctx.lineTo(x,y-L); }
|
| 653 |
-
}
|
| 654 |
-
ctx.stroke();
|
| 655 |
-
});
|
| 656 |
-
}
|
| 657 |
-
else if(layout==='stars'){
|
| 658 |
-
ctx.fillStyle='rgba(8,8,30,0.82)'; ctx.fillRect(0,0,W,H);
|
| 659 |
-
const n=Math.round(W*H/18000);
|
| 660 |
-
for(let i=0;i<n;i++){
|
| 661 |
-
const x=Math.random()*W, y=Math.random()*H, r=Math.random()*Math.max(1,W/300)+0.5;
|
| 662 |
-
ctx.fillStyle=`rgba(255,255,255,${0.4+Math.random()*0.6})`;
|
| 663 |
-
ctx.beginPath(); ctx.arc(x,y,r,0,Math.PI*2); ctx.fill();
|
| 664 |
-
}
|
| 665 |
-
}
|
| 666 |
-
else { // solid
|
| 667 |
-
if(img && bgUrl){
|
| 668 |
-
// sample background photo (or user image) -> dark overlay so text is readable
|
| 669 |
-
ctx.fillStyle='rgba(0,0,0,0.45)'; ctx.fillRect(0,0,W,H);
|
| 670 |
-
} else if(bgColor){
|
| 671 |
-
// chosen solid color with a subtle gradient + soft vignette for depth
|
| 672 |
-
const g=ctx.createLinearGradient(0,0,W,H);
|
| 673 |
-
g.addColorStop(0, bgColor);
|
| 674 |
-
g.addColorStop(1, _dsShadeColor(bgColor, -0.25));
|
| 675 |
-
ctx.fillStyle=g; ctx.fillRect(0,0,W,H);
|
| 676 |
-
const vg=ctx.createRadialGradient(W/2,H/2,0,W/2,H/2,Math.max(W,H)*0.66);
|
| 677 |
-
vg.addColorStop(0,'rgba(0,0,0,0)'); vg.addColorStop(1,'rgba(0,0,0,0.42)');
|
| 678 |
-
ctx.fillStyle=vg; ctx.fillRect(0,0,W,H);
|
| 679 |
-
} else {
|
| 680 |
-
ctx.fillStyle='rgba(0,0,0,0.6)'; ctx.fillRect(0,0,W,H);
|
| 681 |
-
}
|
| 682 |
-
}
|
| 683 |
-
}
|
| 684 |
-
|
| 685 |
-
/* Darken (n<0) or lighten (n>0) a hex color by n*100% (for solid bg gradient). */
|
| 686 |
-
function _dsShadeColor(hex, n){
|
| 687 |
-
try{
|
| 688 |
-
hex=String(hex||'').replace('#','');
|
| 689 |
-
if(hex.length===3) hex=hex.split('').map(c=>c+c).join('');
|
| 690 |
-
if(hex.length!==6) return hex;
|
| 691 |
-
const num=parseInt(hex,16);
|
| 692 |
-
let r=(num>>16)&255, g=(num>>8)&255, b=num&255;
|
| 693 |
-
const t = n<0 ? 0 : 255;
|
| 694 |
-
const p = Math.abs(n);
|
| 695 |
-
r=Math.round((t-r)*p)+r; g=Math.round((t-g)*p)+g; b=Math.round((t-b)*p)+b;
|
| 696 |
-
return '#'+((1<<24)+(r<<16)+(g<<8)+b).toString(16).slice(1);
|
| 697 |
-
}catch(e){ return hex; }
|
| 698 |
-
}
|
| 699 |
-
|
| 700 |
-
function _dsRoundRect(ctx,x,y,w,h,r){
|
| 701 |
-
ctx.beginPath();
|
| 702 |
-
ctx.moveTo(x+r,y);
|
| 703 |
-
ctx.arcTo(x+w,y,x+w,y+h,r);
|
| 704 |
-
ctx.arcTo(x+w,y+h,x,y+h,r);
|
| 705 |
-
ctx.arcTo(x,y+h,x,y,r);
|
| 706 |
-
ctx.arcTo(x,y,x+w,y,r);
|
| 707 |
-
ctx.closePath();
|
| 708 |
-
}
|
| 709 |
-
|
| 710 |
-
/* ---------------- text drawing ---------------- */
|
| 711 |
-
function _dsDrawText(ctx, W, H, opts, baseFontScale){
|
| 712 |
-
const { text, pos, glow, color } = opts;
|
| 713 |
-
if(!text || !text.trim()) return;
|
| 714 |
-
const base = Math.max(28, Math.round(W*baseFontScale));
|
| 715 |
-
const fs = Math.min(base, Math.round(W*0.09));
|
| 716 |
-
ctx.font = 'bold '+fs+'px "Segoe UI","Arial","Noto Sans",sans-serif';
|
| 717 |
-
ctx.textAlign='center';
|
| 718 |
-
// split lines
|
| 719 |
-
const lines=[]; let line='';
|
| 720 |
-
const maxW=Math.round(W*0.82);
|
| 721 |
-
text.split(' ').forEach(w=>{
|
| 722 |
-
const test = line? line+' '+w : w;
|
| 723 |
-
if(ctx.measureText(test).width>maxW && line){ lines.push(line.trim()); line=w; } else { line=test; }
|
| 724 |
-
});
|
| 725 |
-
if(line) lines.push(line.trim());
|
| 726 |
-
const lh=Math.round(fs*1.25);
|
| 727 |
-
const blockH=lines.length*lh;
|
| 728 |
-
let y;
|
| 729 |
-
if(pos==='top') y=Math.round(H*0.14)+lh/2;
|
| 730 |
-
else if(pos==='bottom') y=Math.round(H*0.88)-blockH+lh/2;
|
| 731 |
-
else y=Math.round(H/2)-blockH/2+lh/2;
|
| 732 |
-
// glow
|
| 733 |
-
if(glow==='white'){ ctx.shadowColor='rgba(255,255,255,0.95)'; ctx.shadowBlur=Math.max(8,fs*0.5); }
|
| 734 |
-
else if(glow==='color'){ ctx.shadowColor=color; ctx.shadowBlur=Math.max(10,fs*0.6); }
|
| 735 |
-
else if(glow==='neon'){ ctx.shadowColor='#00ffff'; ctx.shadowBlur=Math.max(16,fs*0.9); }
|
| 736 |
-
ctx.fillStyle=color;
|
| 737 |
-
// subtle stroke for legibility at top/bottom
|
| 738 |
-
if(pos==='top'||pos==='bottom'){ ctx.strokeStyle='rgba(0,0,0,0.6)'; ctx.lineWidth=Math.max(2,fs*0.12); ctx.strokeText(textLine(text),W/2,y); }
|
| 739 |
-
lines.forEach((l,li)=>{ ctx.fillText(l, W/2, y+li*lh); });
|
| 740 |
-
ctx.shadowBlur=0;
|
| 741 |
-
}
|
| 742 |
-
function textLine(t){ return t; }
|
| 743 |
-
|
| 744 |
-
/* ---------------- compute final canvas size for a design ---------------- */
|
| 745 |
-
function _dsFinalSize(opts){
|
| 746 |
-
const r=opts.ratio;
|
| 747 |
-
const w = (r.w>=r.h) ? 1800 : 1350;
|
| 748 |
-
const h = Math.round(w*r.h/r.w);
|
| 749 |
-
return { w, h };
|
| 750 |
-
}
|
| 751 |
-
|
| 752 |
-
/* Shared renderer (Bug 4 fix): renders a slide onto `canvas` using the SAME
|
| 753 |
-
code path and SAME resolution for BOTH preview and final save, so the
|
| 754 |
-
published image is pixel-identical to what the user saw in the preview —
|
| 755 |
-
same cover-fit, same filter, same text placement, same background. */
|
| 756 |
-
function _dsRenderSlide(canvas, opts, done){
|
| 757 |
-
const ctx = canvas.getContext('2d');
|
| 758 |
-
const bgUrl = _dsImageSrc(opts.bgUrl);
|
| 759 |
-
function draw(img){
|
| 760 |
-
_dsDrawLayout(ctx, canvas.width, canvas.height, opts, img||null);
|
| 761 |
-
_dsDrawText(ctx, canvas.width, canvas.height, opts, 0.052);
|
| 762 |
-
if(done) done(img||null);
|
| 763 |
-
}
|
| 764 |
-
if(bgUrl){
|
| 765 |
-
const img=_dsMakeImg(bgUrl);
|
| 766 |
-
img.onload=function(){ draw(img); };
|
| 767 |
-
img.onerror=function(){ console.warn('[designer] bg image failed to load:', bgUrl); draw(null); };
|
| 768 |
-
img.src=bgUrl;
|
| 769 |
-
} else {
|
| 770 |
-
draw(null);
|
| 771 |
-
}
|
| 772 |
-
}
|
| 773 |
-
|
| 774 |
-
/* ---------------- preview ---------------- */
|
| 775 |
-
function _dsPreview(){
|
| 776 |
-
const p=_wallPosts[_dsState.postIdx]; if(!p) return;
|
| 777 |
-
const area=document.getElementById('ds-preview-area'); if(!area) return;
|
| 778 |
-
const sel=_dsState.selected;
|
| 779 |
-
if(!sel.length){ area.style.display='block'; area.innerHTML='<div style="color:#888;font-size:12px">Chưa chọn slide nào để xem trước.</div>'; return; }
|
| 780 |
-
area.style.display='block';
|
| 781 |
-
area.innerHTML='<div style="color:#888;font-size:12px">⏳ Đang tạo xem trước...</div>';
|
| 782 |
-
// display-scale: cap visible width at 300px, keep aspect ratio per slide
|
| 783 |
-
const dispW=Math.min(300, Math.floor((Math.max(document.documentElement.clientWidth||540, document.body.clientWidth||540))*0.5));
|
| 784 |
-
const cans=[];
|
| 785 |
-
sel.forEach((si, k)=>{
|
| 786 |
-
const opts=_dsOptions(p, si);
|
| 787 |
-
const { w, h }=_dsFinalSize(opts);
|
| 788 |
-
const canvas=document.createElement('canvas');
|
| 789 |
-
canvas.width=w; canvas.height=h;
|
| 790 |
-
canvas.style.width=dispW+'px'; canvas.style.height='auto';
|
| 791 |
-
canvas.style.borderRadius='12px'; canvas.style.boxShadow='0 8px 24px rgba(0,0,0,.5)'; canvas.style.display='block'; canvas.style.margin='0 auto 14px auto';
|
| 792 |
-
cans.push({opts, canvas});
|
| 793 |
-
});
|
| 794 |
-
let remaining=cans.length;
|
| 795 |
-
function allDone(){
|
| 796 |
-
if(--remaining>0) return;
|
| 797 |
-
let out='';
|
| 798 |
-
if(cans.length>1) out+='<div style="color:#888;font-size:10px;margin-bottom:8px">Xem trước '+(cans.length)+' slide đã chọn (cuộn xuống để xem hết):</div>';
|
| 799 |
-
area.innerHTML=out;
|
| 800 |
-
cans.forEach((c,k)=>{
|
| 801 |
-
if(k>0) area.appendChild(document.createElement('br'));
|
| 802 |
-
area.appendChild(c.canvas);
|
| 803 |
-
});
|
| 804 |
-
}
|
| 805 |
-
cans.forEach(c=>{ _dsRenderSlide(c.canvas, c.opts, allDone); });
|
| 806 |
-
}
|
| 807 |
-
|
| 808 |
-
/* ---------------- save: render + upload each selected slide, then post ---------------- */
|
| 809 |
-
async function _dsSave(p){
|
| 810 |
-
const statusEl=document.getElementById('ds-status'); if(statusEl) statusEl.textContent='⏳ Đang tạo ảnh các slide...';
|
| 811 |
-
const sel=_dsState.selected;
|
| 812 |
-
if(!sel.length){ if(statusEl) statusEl.textContent='⚠️ Chưa chọn slide nào để đăng.'; return; }
|
| 813 |
-
const saveBtn=document.getElementById('ds-save-btn'); if(saveBtn){ saveBtn.disabled=true; saveBtn.textContent='⏳ Đang xử lý...'; }
|
| 814 |
-
|
| 815 |
-
const uploaded = []; // {si, url}
|
| 816 |
-
try{
|
| 817 |
-
// render each selected slide at final resolution
|
| 818 |
-
for(let k=0;k<sel.length;k++){
|
| 819 |
-
const si=sel[k];
|
| 820 |
-
if(statusEl) statusEl.textContent=`⏳ Đang tạo ảnh slide ${k+1}/${sel.length}... (${p.slides.length} slide trong bài)`;
|
| 821 |
-
const opts=_dsOptions(p, si);
|
| 822 |
-
const { w: FINAL_W, h: FINAL_H }=_dsFinalSize(opts);
|
| 823 |
-
const canvas=document.createElement('canvas'); canvas.width=FINAL_W; canvas.height=FINAL_H;
|
| 824 |
-
// Shared render path (Bug 4 fix) — identical to preview.
|
| 825 |
-
const url = await new Promise((resolve)=>{
|
| 826 |
-
_dsRenderSlide(canvas, opts, function(){
|
| 827 |
-
// Nén JPEG thay PNG: dung lượng rất nhỏ (thường 5-10x nhỏ hơn),
|
| 828 |
-
// ảnh tải nhanh hơn nhiều trên Tường AI. Chất lượng 0.82 giữ chữ sắc nét.
|
| 829 |
-
canvas.toBlob(async function(blob){
|
| 830 |
-
const fd=new FormData();
|
| 831 |
-
fd.append('file', blob, 'slide_'+(si+1)+'.jpg');
|
| 832 |
-
fd.append('post_id', p.id||'');
|
| 833 |
-
try{
|
| 834 |
-
const r=await fetch('/api/wall/img',{method:'POST',body:fd});
|
| 835 |
-
const j=await r.json();
|
| 836 |
-
if(!r.ok || j.error) throw new Error(j.error||'Lỗi upload');
|
| 837 |
-
resolve(j.url);
|
| 838 |
-
}catch(e){ resolve({error:e.message}); }
|
| 839 |
-
},'image/jpeg', 0.82);
|
| 840 |
-
});
|
| 841 |
-
});
|
| 842 |
-
if(url && url.error) throw new Error(url.error);
|
| 843 |
-
uploaded.push({si, url});
|
| 844 |
-
// update slide image live
|
| 845 |
-
if(p.slides[si]) p.slides[si].image = url;
|
| 846 |
-
}
|
| 847 |
-
|
| 848 |
-
if(statusEl) statusEl.textContent='⏳ Đang đăng lên Tường AI...';
|
| 849 |
-
|
| 850 |
-
// build updated slides array (keep unselected unchanged)
|
| 851 |
-
const newSlides = p.slides.map((s,i)=>{
|
| 852 |
-
const up = uploaded.find(u=>u.si===i);
|
| 853 |
-
// ensure text edits are applied too
|
| 854 |
-
const ta = document.querySelector(`#ds-texts textarea[data-sidx="${i}"]`);
|
| 855 |
-
return {
|
| 856 |
-
text: ta ? ta.value : (s.text||''),
|
| 857 |
-
image: up ? up.url : (s.image||''),
|
| 858 |
-
index: s.index || (i+1),
|
| 859 |
-
};
|
| 860 |
-
});
|
| 861 |
-
|
| 862 |
-
// pick selected slides only -> the wall post is a SLIDE-IMAGE post of selected slides
|
| 863 |
-
const selSlides = newSlides.filter((_,i)=> sel.includes(i));
|
| 864 |
-
|
| 865 |
-
const post = {
|
| 866 |
-
id: p.id,
|
| 867 |
-
title: p.title||'',
|
| 868 |
-
text: selSlides.map(s=>'• '+s.text).join('\n\n'),
|
| 869 |
-
img: selSlides[0] ? selSlides[0].image : p.img||'',
|
| 870 |
-
url: p.url||'',
|
| 871 |
-
slides: selSlides, // <-- bài đăng bao gồm chỉ các slide đã chọn
|
| 872 |
-
images: selSlides.map(s=>s.image),
|
| 873 |
-
kind: p.kind||'slide_summary',
|
| 874 |
-
video: p.video||'',
|
| 875 |
-
voice: p.voice||'',
|
| 876 |
-
emotion: p.emotion||'',
|
| 877 |
-
language: p.language||'',
|
| 878 |
-
ts: p.ts||Math.floor(Date.now()/1000),
|
| 879 |
-
};
|
| 880 |
-
|
| 881 |
-
const wr=await fetch('/api/wall',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(post)});
|
| 882 |
-
const wj=await wr.json();
|
| 883 |
-
if(wr.ok && wj.post){
|
| 884 |
-
prependWallPost(wj.post);
|
| 885 |
-
toast('✅ Đã đăng bài slide lên Tường AI ('+selSlides.length+' slide)!');
|
| 886 |
-
} else {
|
| 887 |
-
toast('✅ Đã lưu ảnh slide!');
|
| 888 |
-
}
|
| 889 |
-
document.getElementById('slide-designer-overlay').remove();
|
| 890 |
-
}catch(e){
|
| 891 |
-
if(statusEl) statusEl.textContent='❌ '+e.message;
|
| 892 |
-
toast('❌ '+e.message);
|
| 893 |
-
if(saveBtn){ saveBtn.disabled=false; saveBtn.textContent='📤 Lưu & Đăng lên Tường AI ('+sel.length+' slide)'; }
|
| 894 |
-
}
|
| 895 |
-
}
|
| 896 |
-
|
| 897 |
-
/* keep old helper names harmless for any other caller */
|
| 898 |
-
function updateDesignerText(){}
|
| 899 |
-
function designerGetRatio(){ return designerGetRatioV2(); }
|
| 900 |
-
function designerGetLayout(){ return designerGetLayoutV2(); }
|
| 901 |
-
function designerDebounce(fn,d){ _dsDebounce(fn,d); }
|
| 902 |
-
function handleDesignerBgFile(){}
|
| 903 |
-
function previewDesignerSlide(){ _dsPreview(); }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
static/fm_fix.css
CHANGED
|
@@ -168,250 +168,3 @@
|
|
| 168 |
min-width:100%!important;max-width:none!important;max-height:none!important;
|
| 169 |
object-fit:cover!important;
|
| 170 |
}
|
| 171 |
-
|
| 172 |
-
/* ============================================================
|
| 173 |
-
BXH / BÅNG XẼP HẠNG (standing league table) FIX
|
| 174 |
-
Bongda returns div-based Tailwind rows (.ranking-table .leaderboard
|
| 175 |
-
.leaderboard-item / .head / .team / .copy). The old CSS only styled
|
| 176 |
-
<table> so the standings rendered broken. Style the divs directly.
|
| 177 |
-
============================================================ */
|
| 178 |
-
#ls-content .ranking-table,
|
| 179 |
-
#ls-content .leaderboard{display:block!important;width:100%!important}
|
| 180 |
-
#ls-content .ranking-table .head,
|
| 181 |
-
#ls-content .leaderboard .head{display:flex!important;width:100%!important;background:#222!important;border-bottom:1px solid #333!important;padding:5px 0!important;font-size:10px!important;color:#999!important}
|
| 182 |
-
#ls-content .ranking-table .head .team,
|
| 183 |
-
#ls-content .leaderboard .head .team{flex:1 1 auto!important;min-width:0!important}
|
| 184 |
-
#ls-content .ranking-table .head .team span,
|
| 185 |
-
#ls-content .leaderboard .head .team span{display:inline-block!important;width:18px!important;text-align:center!important;color:#888!important}
|
| 186 |
-
#ls-content .ranking-table .head .team .link,
|
| 187 |
-
#ls-content .leaderboard .head .team .link{font-size:10px!important;color:#999!important;font-weight:700!important}
|
| 188 |
-
#ls-content .ranking-table .head .copy,
|
| 189 |
-
#ls-content .leaderboard .head .copy{display:flex!important;gap:2px!important;align-items:center!important;justify-content:flex-end!important;min-width:0!important}
|
| 190 |
-
#ls-content .ranking-table .head .copy p,
|
| 191 |
-
#ls-content .leaderboard .head .copy p{font-size:9px!important;color:#888!important;min-width:16px!important;text-align:center!important;margin:0!important}
|
| 192 |
-
#ls-content .ranking-table .head .copy p.form,
|
| 193 |
-
#ls-content .leaderboard .head .copy p.form{display:none!important}
|
| 194 |
-
#ls-content .ranking-table .leaderboard-item,
|
| 195 |
-
#ls-content .ranking-table #team_,
|
| 196 |
-
#ls-content .leaderboard .leaderboard-item{
|
| 197 |
-
display:table!important;width:100%!important;table-layout:fixed!important;
|
| 198 |
-
border-collapse:collapse!important;border-bottom:1px solid #1a1a1a!important;
|
| 199 |
-
font-size:11px!important;color:#ccc!important;background:transparent!important
|
| 200 |
-
}
|
| 201 |
-
#ls-content .ranking-table .leaderboard-item>div.team,
|
| 202 |
-
#ls-content .ranking-table .leaderboard-item>.team,
|
| 203 |
-
#ls-content .leaderboard .leaderboard-item .team{
|
| 204 |
-
display:table-cell!important;vertical-align:middle!important;
|
| 205 |
-
padding:5px 4px!important;text-align:left!important;min-width:0!important
|
| 206 |
-
}
|
| 207 |
-
#ls-content .ranking-table .leaderboard-item>div.team span,
|
| 208 |
-
#ls-content .ranking-table .leaderboard-item>.team span{
|
| 209 |
-
display:inline-block!important;width:18px!important;min-width:18px!important;
|
| 210 |
-
text-align:center!important;font-size:10px!important;color:#888!important;font-weight:600!important
|
| 211 |
-
}
|
| 212 |
-
#ls-content .ranking-table .leaderboard-item>div.team a.link,
|
| 213 |
-
#ls-content .ranking-table .leaderboard-item>.team a.link{
|
| 214 |
-
display:inline-flex!important;align-items:center!important;gap:4px!important;
|
| 215 |
-
min-width:0!important;font-size:11px!important;color:#ccc!important;text-decoration:none!important
|
| 216 |
-
}
|
| 217 |
-
#ls-content .ranking-table .leaderboard-item>div.team a.link img,
|
| 218 |
-
#ls-content .ranking-table .leaderboard-item>.team a.link img{width:16px!important;height:16px!important;object-fit:contain!important;flex:0 0 auto!important}
|
| 219 |
-
#ls-content .ranking-table .leaderboard-item>div.team a.link p,
|
| 220 |
-
#ls-content .ranking-table .leaderboard-item>.team a.link p{
|
| 221 |
-
font-size:11px!important;color:#ccc!important;margin:0!important;
|
| 222 |
-
white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
|
| 223 |
-
}
|
| 224 |
-
#ls-content .ranking-table .leaderboard-item>div.copy,
|
| 225 |
-
#ls-content .ranking-table .leaderboard-item>.copy,
|
| 226 |
-
#ls-content .leaderboard .leaderboard-item .copy{
|
| 227 |
-
display:table-cell!important;vertical-align:middle!important;
|
| 228 |
-
padding:5px 2px!important;text-align:center!important;white-space:nowrap!important
|
| 229 |
-
}
|
| 230 |
-
#ls-content .ranking-table .leaderboard-item>div.copy p,
|
| 231 |
-
#ls-content .ranking-table .leaderboard-item>.copy p{
|
| 232 |
-
display:inline-block!important;min-width:22px!important;text-align:center!important;
|
| 233 |
-
font-size:11px!important;color:#ccc!important;margin:0 1px!important
|
| 234 |
-
}
|
| 235 |
-
#ls-content .ranking-table .leaderboard-item>div.copy p strong,
|
| 236 |
-
#ls-content .ranking-table .leaderboard-item>.copy p strong{
|
| 237 |
-
display:inline-block!important;min-width:22px!important;text-align:center!important;
|
| 238 |
-
font-weight:800!important;color:#f0c040!important;font-size:12px!important
|
| 239 |
-
}
|
| 240 |
-
#ls-content .ranking-table .leaderboard-item>div.copy p.form,
|
| 241 |
-
#ls-content .ranking-table .leaderboard-item>.copy p.form{display:inline-flex!important;flex-wrap:nowrap!important}
|
| 242 |
-
#ls-content .ranking-table .leaderboard-item>div.copy p.form span,
|
| 243 |
-
#ls-content .ranking-table .leaderboard-item>.copy p.form span{
|
| 244 |
-
display:inline-block!important;min-width:14px!important;height:14px!important;
|
| 245 |
-
line-height:14px!important;text-align:center!important;font-size:9px!important;
|
| 246 |
-
border-radius:2px!important;margin:0 1px!important;color:#fff!important
|
| 247 |
-
}
|
| 248 |
-
#ls-content .ranking-table .leaderboard-item>div.copy p.form span.bg-green,
|
| 249 |
-
#ls-content .ranking-table .leaderboard-item>.copy p.form span.bg-green{background:#2d8659!important}
|
| 250 |
-
#ls-content .ranking-table .leaderboard-item>div.copy p.form span.bg-gray-5,
|
| 251 |
-
#ls-content .ranking-table .leaderboard-item>.copy p.form span.bg-gray-5,
|
| 252 |
-
#ls-content .leaderboard .leaderboard-item .copy p.form span.bg-gray-5,
|
| 253 |
-
#ls-content .ranking-table .leaderboard-item .copy p.form span.bg-gray-5{background:#555!important;color:#ccc!important}
|
| 254 |
-
#ls-content .ranking-table .leaderboard-item>div.copy p.form span.bg-red,
|
| 255 |
-
#ls-content .ranking-table .leaderboard-item>.copy p.form span.bg-red{background:#c0392b!important}
|
| 256 |
-
/* hide the bongda left accent bar that floats absolutely */
|
| 257 |
-
#ls-content .ranking-table .leaderboard-item>div[class*="w-["],
|
| 258 |
-
#ls-content .ranking-table .leaderboard-item div.relative{display:none!important}
|
| 259 |
-
/* top row = champion accent can stay, but clean layout */
|
| 260 |
-
#ls-content .leaderboard-item{margin:0!important}
|
| 261 |
-
#ls-content .rank-table{width:100%!important;overflow-x:auto!important}
|
| 262 |
-
/* fallback generic so ANY div-based standings table gets readable */
|
| 263 |
-
#ls-content .team .name,#ls-content .team .logo{font-size:11px!important;color:#ccc!important}
|
| 264 |
-
#ls-content .copy p{font-size:11px!important;color:#ccc!important}
|
| 265 |
-
/* injected BXH header + row layout (see _decorateStandings in app_v2.js) */
|
| 266 |
-
#ls-content .ls-bxh-head{
|
| 267 |
-
display:flex!important;width:100%!important;align-items:center!important;gap:4px!important;
|
| 268 |
-
background:#222!important;border-bottom:1px solid #333!important;
|
| 269 |
-
padding:5px 2px!important;position:sticky!important;top:0!important;z-index:2!important
|
| 270 |
-
}
|
| 271 |
-
#ls-content .ls-bxh-head .team{flex:1!important;min-width:0!important;display:flex!important;align-items:center!important;gap:4px!important}
|
| 272 |
-
#ls-content .ls-bxh-head .team span{display:inline-block!important;width:18px!important;min-width:18px!important;text-align:center!important;color:#888!important;font-size:10px!important;font-weight:700!important}
|
| 273 |
-
#ls-content .ls-bxh-head .team p{font-size:10px!important;color:#999!important;font-weight:700!important;margin:0!important;text-transform:uppercase!important}
|
| 274 |
-
#ls-content .ls-bxh-head .copy{display:flex!important;align-items:center!important;gap:2px!important;white-space:nowrap!important}
|
| 275 |
-
#ls-content .ls-bxh-head .copy p{display:inline-block!important;min-width:20px!important;text-align:center!important;font-size:9px!important;color:#888!important;font-weight:700!important;margin:0!important}
|
| 276 |
-
#ls-content .leaderboard-item{display:flex!important;width:100%!important;align-items:center!important;gap:4px!important;border-bottom:1px solid #1a1a1a!important;padding:4px 2px!important;background:transparent!important}
|
| 277 |
-
#ls-content .leaderboard-item .team{flex:1!important;min-width:0!important;display:flex!important;align-items:center!important;gap:4px!important}
|
| 278 |
-
#ls-content .leaderboard-item .team span{display:inline-block!important;width:18px!important;min-width:18px!important;text-align:center!important;color:#888!important;font-size:10px!important;font-weight:600!important}
|
| 279 |
-
#ls-content .leaderboard-item .team a{display:inline-flex!important;align-items:center!important;gap:4px!important;font-size:11px!important;color:#ccc!important;text-decoration:none!important;overflow:hidden!important;min-width:0!important}
|
| 280 |
-
#ls-content .leaderboard-item .team a img{width:16px!important;height:16px!important;object-fit:contain!important;flex:0 0 auto!important}
|
| 281 |
-
#ls-content .leaderboard-item .team a p{font-size:11px!important;color:#ccc!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
|
| 282 |
-
#ls-content .leaderboard-item .copy{display:flex!important;align-items:center!important;gap:2px!important;white-space:nowrap!important}
|
| 283 |
-
#ls-content .leaderboard-item .copy p{display:inline-block!important;min-width:20px!important;text-align:center!important;font-size:11px!important;color:#ccc!important;margin:0!important}
|
| 284 |
-
#ls-content .leaderboard-item .copy p strong{font-weight:800!important;color:#f0c040!important;min-width:20px!important;text-align:center!important}
|
| 285 |
-
#ls-content .leaderboard-item .copy p.form{display:inline-flex!important;flex-wrap:nowrap!important}
|
| 286 |
-
#ls-content .leaderboard-item .copy p.form span{width:14px!important;height:14px!important;line-height:14px!important;font-size:9px!important;border-radius:2px!important;color:#fff!important;margin:0 1px!important;text-align:center!important}
|
| 287 |
-
#ls-content .leaderboard-item .copy p.form span.bg-green{background:#2d8659!important;display:inline-block!important}
|
| 288 |
-
#ls-content .leaderboard-item .copy p.form span.bg-gray-5{background:#555!important;color:#ccc!important;display:inline-block!important}
|
| 289 |
-
#ls-content .leaderboard-item .copy p.form span.bg-red{background:#c0392b!important;display:inline-block!important}
|
| 290 |
-
#ls-content .leaderboard-item>div[class*="w-["]{display:none!important}#ls-content .leaderboard-item>div[class*="w-["]{display:none!important}
|
| 291 |
-
|
| 292 |
-
/* ============================================================
|
| 293 |
-
FPT PLAY / HIGHLIGHT VIDEO OVERFLOW FIX v2
|
| 294 |
-
fptplay videos open in the TikTok-style feed inside .yt-thumb-wrap >
|
| 295 |
-
iframe (YouTube) or <video>. <iframe> ignores object-fit, so a 9:16
|
| 296 |
-
Shorts (or any non-16:9) source stretched the slide and overflowed
|
| 297 |
-
width/height — the iframe's intrinsic aspect ratio pushed it beyond the
|
| 298 |
-
slide bounds.
|
| 299 |
-
|
| 300 |
-
BUG FIX v2 (two issues):
|
| 301 |
-
1) "FPT Play videos displayed differently from Short AI videos — too tall
|
| 302 |
-
and wide": The old rule sized iframes to 177.78vh (16:9 of viewport
|
| 303 |
-
height, ~1.78x screen wide). Short AI <video> tags used width:100%;
|
| 304 |
-
height:100%; object-fit:contain. The iframe was much wider/taller than
|
| 305 |
-
the video. Fix: make iframe use width:100%; height:100% — identical to
|
| 306 |
-
<video> — centered and clipped by the slide's overflow:hidden.
|
| 307 |
-
|
| 308 |
-
2) "9:16 ↔ 16:9 ratio toggle button (🖥️/📺) doesn't work on football
|
| 309 |
-
player slides and wall videos": The inline CSS .ratio-wide rule
|
| 310 |
-
(specificity 0,3,1) was overridden by fm_fix.css selectors using the
|
| 311 |
-
#tiktok-feed ID (specificity 1,3,1). The .ratio-wide rules never applied
|
| 312 |
-
to iframes inside #tiktok-feed. Fix: add .ratio-wide override rules
|
| 313 |
-
with #tiktok-feed ID prefix (matching or higher specificity) AFTER the
|
| 314 |
-
default iframe rules, so the !important cascade honors the toggle.
|
| 315 |
-
|
| 316 |
-
Sizing model: iframes don't support object-fit, so we use
|
| 317 |
-
position:absolute + transform centering inside .yt-thumb-wrap (which is
|
| 318 |
-
position:relative, width:100%, height:100%). The slide's
|
| 319 |
-
overflow:hidden clips any letterbox/pillarbox bars — same visual result
|
| 320 |
-
as object-fit:contain on <video>.
|
| 321 |
-
============================================================ */
|
| 322 |
-
.tiktok-slide{overflow:hidden!important;position:relative!important}
|
| 323 |
-
.tiktok-slide video{max-width:100%!important;max-height:100%!important;object-fit:contain!important;width:100%!important;height:100%!important;border:none!important}
|
| 324 |
-
/* FPT play / YouTube iframe in the TikTok viewer: SAME sizing as <video>.
|
| 325 |
-
Width and height 100% of .yt-thumb-wrap (which fills .tiktok-slide),
|
| 326 |
-
centered via transform, clipped by overflow:hidden on the slide.
|
| 327 |
-
This makes iframes appear IDENTICAL to Short AI <video> tags. */
|
| 328 |
-
#tiktok-feed .tiktok-slide .yt-thumb-wrap iframe,
|
| 329 |
-
#wc-shorts-feed .tiktok-slide .yt-thumb-wrap iframe,
|
| 330 |
-
#tt-feed .tiktok-slide .yt-thumb-wrap iframe,
|
| 331 |
-
.tiktok-slide .yt-thumb-wrap iframe{
|
| 332 |
-
position:absolute!important;
|
| 333 |
-
top:50%!important;
|
| 334 |
-
left:50%!important;
|
| 335 |
-
transform:translate(-50%,-50%)!important;
|
| 336 |
-
width:100%!important; /* match <video> — 100% of slide */
|
| 337 |
-
height:100%!important; /* match <video> — 100% of slide */
|
| 338 |
-
min-width:100%!important;
|
| 339 |
-
min-height:100%!important;
|
| 340 |
-
max-height:100%!important;
|
| 341 |
-
max-width:100vw!important; /* never overflow screen width */
|
| 342 |
-
border:none!important;
|
| 343 |
-
}
|
| 344 |
-
/* WC Shorts path: iframe is a DIRECT child of .tiktok-slide (no .yt-thumb-wrap) */
|
| 345 |
-
#tiktok-feed .tiktok-slide > iframe,
|
| 346 |
-
#wc-shorts-feed .tiktok-slide > iframe,
|
| 347 |
-
.tiktok-slide > iframe{
|
| 348 |
-
position:absolute!important;
|
| 349 |
-
top:50%!important;
|
| 350 |
-
left:50%!important;
|
| 351 |
-
transform:translate(-50%,-50%)!important;
|
| 352 |
-
width:100%!important; /* match <video> — 100% of slide */
|
| 353 |
-
height:100%!important; /* match <video> — 100% of slide */
|
| 354 |
-
min-width:100%!important;
|
| 355 |
-
min-height:100%!important;
|
| 356 |
-
max-height:100%!important;
|
| 357 |
-
max-width:100vw!important; /* never overflow screen width */
|
| 358 |
-
border:none!important;
|
| 359 |
-
}
|
| 360 |
-
/* RATIO TOGGLE FIX: when .ratio-wide is on a .tiktok-slide inside
|
| 361 |
-
#tiktok-feed, switch from 9:16 portrait to 16:9 landscape.
|
| 362 |
-
These rules use #tiktok-feed ID prefix (same specificity as the default
|
| 363 |
-
iframe rules above) AND .ratio-wide class, so they win the CSS cascade
|
| 364 |
-
only when the toggle button is active. The default 9:16 sizing (width:100%,
|
| 365 |
-
height:100%) is overridden to 16:9 landscape (width:100vw, height:56.25vw). */
|
| 366 |
-
#tiktok-feed .tiktok-slide.ratio-wide .yt-thumb-wrap iframe,
|
| 367 |
-
#wc-shorts-feed .tiktok-slide.ratio-wide .yt-thumb-wrap iframe,
|
| 368 |
-
#tt-feed .tiktok-slide.ratio-wide .yt-thumb-wrap iframe,
|
| 369 |
-
.tiktok-slide.ratio-wide .yt-thumb-wrap iframe{
|
| 370 |
-
position:absolute!important;
|
| 371 |
-
top:50%!important;
|
| 372 |
-
left:50%!important;
|
| 373 |
-
transform:translate(-50%,-50%)!important;
|
| 374 |
-
width:calc(100vw - 1px)!important;
|
| 375 |
-
height:56.25vw!important;
|
| 376 |
-
max-width:100vw!important;
|
| 377 |
-
max-height:100dvh!important;
|
| 378 |
-
min-width:100%!important;
|
| 379 |
-
min-height:100%!important;
|
| 380 |
-
border:none!important;
|
| 381 |
-
pointer-events:auto!important;
|
| 382 |
-
}
|
| 383 |
-
#tiktok-feed .tiktok-slide.ratio-wide > iframe,
|
| 384 |
-
#wc-shorts-feed .tiktok-slide.ratio-wide > iframe,
|
| 385 |
-
.tiktok-slide.ratio-wide > iframe{
|
| 386 |
-
position:absolute!important;
|
| 387 |
-
top:50%!important;
|
| 388 |
-
left:50%!important;
|
| 389 |
-
transform:translate(-50%,-50%)!important;
|
| 390 |
-
width:calc(100vw - 1px)!important;
|
| 391 |
-
height:56.25vw!important;
|
| 392 |
-
max-width:100vw!important;
|
| 393 |
-
max-height:100dvh!important;
|
| 394 |
-
min-width:100%!important;
|
| 395 |
-
min-height:100%!important;
|
| 396 |
-
border:none!important;
|
| 397 |
-
pointer-events:auto!important;
|
| 398 |
-
}
|
| 399 |
-
/* Toggle back to 9:16 (default) — reset to 100% sizing */
|
| 400 |
-
#tt-feed .tiktok-slide:not(.ratio-wide) .yt-thumb-wrap iframe,
|
| 401 |
-
#tt-feed .tiktok-slide:not(.ratio-wide) > iframe{
|
| 402 |
-
width:100%!important;
|
| 403 |
-
height:100%!important;
|
| 404 |
-
max-width:100vw!important;
|
| 405 |
-
min-width:100%!important;
|
| 406 |
-
}
|
| 407 |
-
/* .yt-thumb-wrap is the positioning context for the centered iframe */
|
| 408 |
-
.yt-thumb-wrap{position:relative!important;overflow:hidden!important;width:100%!important;height:100%!important;background:#000!important}
|
| 409 |
-
.yt-thumb-wrap img,.yt-thumb-wrap video{width:100%!important;height:100%!important;object-fit:cover!important}
|
| 410 |
-
.wall-item{overflow:hidden!important}
|
| 411 |
-
.wall-thumb img,.wall-thumb video{max-width:100%!important;max-height:100%!important;object-fit:cover!important}
|
| 412 |
-
.slider-thumb{overflow:hidden!important}
|
| 413 |
-
.slider-thumb img,.slider-thumb video{max-width:100%!important;max-height:100%!important;object-fit:cover!important}
|
| 414 |
-
.fpt-slider-thumb img,.fpt-slider-thumb video{max-width:100%!important;max-height:100%!important;object-fit:cover!important}
|
| 415 |
-
|
| 416 |
-
/* FPT Play slider moved into Livescore section - ensure it fits within the ls-section */
|
| 417 |
-
.ls-section #home-fpt-section{margin-top:4px;padding:0 4px}
|
|
|
|
| 168 |
min-width:100%!important;max-width:none!important;max-height:none!important;
|
| 169 |
object-fit:cover!important;
|
| 170 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
static/index_v2.html
CHANGED
|
@@ -8,34 +8,15 @@
|
|
| 8 |
<meta property="og:title" content="VNEWS - Tin Tức Việt Nam">
|
| 9 |
<meta property="og:image" content="https://s1.vnecdn.net/vnexpress/restruct/i/v9505/logo_default.jpg">
|
| 10 |
<link rel="canonical" href="https://bep40-vnews.hf.space">
|
| 11 |
-
<link rel="stylesheet" href="/static/wc2026.css">
|
| 12 |
<script src="https://cdn.jsdelivr.net/npm/hls.js@1/dist/hls.min.js"></script>
|
| 13 |
<style>
|
| 14 |
-
*{box-sizing:border-box;margin:0;padding:0}body{background:#111;color:#eee;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;overflow-x:hidden}.header{background:linear-gradient(135deg,#0d1117,#1a3a2a 50%,#8b7500);padding:12px;text-align:center}.header h1{font-size:18px;color:#fff}.header p{font-size:10px;color:#aaa}.cats{display:flex;overflow-x:auto;background:#1a1a1a;border-bottom:1px solid #333;padding:0 4px;position:sticky;top:0;z-index:50;scrollbar-width:none}.cats::-webkit-scrollbar{display:none}.cat{padding:9px 11px;color:#888;font-size:11px;white-space:nowrap;border-bottom:2px solid transparent;cursor:pointer;flex-shrink:0}.cat.active{color:#5cb87a;border-bottom-color:#5cb87a;font-weight:700}.view{display:none}.view.active{display:block}.loading{text-align:center;padding:30px;color:#777;font-size:12px}.slider-wrap{margin:6px 4px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;overflow:hidden}.slider-header{padding:7px 10px;display:flex;align-items:center;justify-content:space-between}.slider-label{color:#f0c040;font-size:13px;font-weight:800}.slider-note{font-size:10px;color:#777}.slider-track{display:flex;overflow-x:auto;overflow-y:hidden;gap:8px;padding:4px 10px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.slider-track>*{flex:0 0 auto;scroll-snap-align:start;-webkit-tap-highlight-color:transparent}.slider-track::-webkit-scrollbar{display:none}.slider-item{flex:0 0 160px;cursor:pointer;box-sizing:border-box}.hl-league-block{display:inline-flex;align-items:flex-start;flex:0 0 auto;min-width:0}.slider-thumb{position:relative;width:100%;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#333}.slider-thumb img,.slider-thumb video{width:100%;height:100%;object-fit:cover}.slider-title{font-size:10px;color:#ccc;margin-top:3px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:6px 4px}@media(min-width:650px){.grid{grid-template-columns:repeat(3,1fr)}}.card{background:#1a1a1a;border:1px solid #222;border-radius:8px;overflow:hidden;cursor:pointer}.card-img{position:relative;aspect-ratio:16/9;background:#333}.card-img img{width:100%;height:100%;object-fit:cover}.card-body{padding:6px 8px}.card-title{font-size:11px;line-height:1.35;color:#eee;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.badge{font-size:8px;padding:1px 5px;border-radius:3px;font-weight:700;display:inline-block;margin-bottom:2px;color:#fff}.badge-vne{background:#c0392b}.badge-genk{background:#6a1b9a}.badge-ai{background:#2d8659}.badge-wc{background:#0b6bcb}.section-title{font-size:13px;font-weight:800;color:#5cb87a;margin:8px 0 4px;padding-left:8px;border-left:3px solid #5cb87a}.back-btn{background:#111;color:#fff;border:none;padding:10px;font-size:12px;width:100%;position:sticky;top:0;z-index:60;cursor:pointer}.article-view{padding:12px 8px 40px;max-width:760px;margin:0 auto}.article-title{font-size:18px;font-weight:800;line-height:1.3;margin-bottom:8px}.article-summary{background:#1a2a1f;border-left:3px solid #2d8659;padding:10px;margin-bottom:14px;color:#ccc;font-size:13px}.article-p{font-size:14px;line-height:1.7;color:#ccc;margin-bottom:10px}.article-img{width:100%;border-radius:6px;margin:10px 0}.article-h2{font-size:16px;margin:16px 0 8px;color:#eee}.article-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #333;margin-top:16px;padding-top:10px}.article-actions button{background:#1a1a1a;border:1px solid #333;color:#ccc;padding:7px 12px;border-radius:14px;font-size:11px;cursor:pointer}.article-actions button.primary{background:#2d8659;border-color:#2d8659;color:#fff}.article-ai-ask{margin-top:12px;background:#141414;border:1px solid #2a2a2a;border-radius:10px;padding:10px}.article-ai-ask textarea{width:100%;min-height:60px;background:#222;border:1px solid #444;color:#eee;border-radius:8px;padding:9px;font-size:12px}.article-ai-ask button{background:#2d8659;border:0;color:#fff;border-radius:10px;padding:8px 12px;margin-top:6px;font-size:11px;cursor:pointer}.article-ai-answer{white-space:pre-wrap;color:#ccc;font-size:13px;line-height:1.55;margin-top:8px}.tiktok-container{width:100%;height:80vh;max-height:680px;min-height:400px;background:#000}.tiktok-container.feed-fullscreen{position:fixed;inset:0;width:100vw;height:100dvh;max-height:none;min-height:0;z-index:99990;background:#000}.tiktok-container.feed-fullscreen .tiktok-feed,.tiktok-container.feed-fullscreen .tiktok-slide{height:100dvh;max-height:100dvh;min-height:0}.tiktok-feed{height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none;touch-action:pan-y;-webkit-user-select:none;user-select:none;overscroll-behavior:contain}.tiktok-feed::-webkit-scrollbar{display:none}.tiktok-slide{height:80vh;max-height:680px;min-height:400px;scroll-snap-align:start;position:relative;background:#000;display:flex;align-items:center;justify-content:center;touch-action:pan-y;cursor:pointer}.tiktok-slide video{width:100%;height:100%;object-fit:cover;border:none;touch-action:manipulation}.tiktok-slide iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:none;pointer-events:none}.tiktok-slide .slide-gesture{position:absolute;inset:0;z-index:2;touch-action:pan-y;pointer-events:auto;cursor:pointer;background:transparent}.tiktok-slide .tiktok-bottom,.tiktok-slide .tiktok-right,.tiktok-slide .tiktok-counter{pointer-events:auto}.tiktok-slide .inline-comments{pointer-events:auto}.yt-thumb-wrap{position:relative;width:100%;height:100%;background-size:cover;background-position:center;background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="1" height="1"%3E%3C/svg%3E')}.yt-thumb-wrap iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:none;pointer-events:auto;cursor:pointer}.tiktok-slide.ratio-wide video{width:100%!important;height:100%!important;object-fit:contain!important}.tiktok-slide.ratio-wide iframe{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:calc(100vw - 1px)!important;height:56.25vw!important;max-width:100vw!important;max-height:100%!important;border:none!important;pointer-events:none!important}.tiktok-bottom{position:absolute;bottom:0;left:0;right:60px;padding:12px 10px 16px;background:linear-gradient(transparent,rgba(0,0,0,.85));z-index:3}.tiktok-title{font-size:12px;color:#fff;max-height:34px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tiktok-desc{font-size:10px;color:#bbb;margin-top:3px;max-height:40px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.tiktok-counter{position:absolute;top:8px;left:8px;background:rgba(0,0,0,.5);font-size:9px;padding:2px 7px;border-radius:8px;color:#fff;z-index:4}.tiktok-right{position:absolute;right:8px;bottom:100px;display:flex;flex-direction:column;align-items:center;gap:14px;z-index:5}.tiktok-right-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:0;color:#fff;cursor:pointer;font-size:10px}.tiktok-right-btn .icon{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:20px}.tiktok-right-btn .count{font-size:10px;color:#ddd}.inline-comments{position:absolute;bottom:0;left:0;right:0;max-height:60%;min-height:140px;background:rgba(18,18,18,.95);border-radius:14px 14px 0 0;z-index:10;overflow:clip;display:flex;flex-direction:column}.inline-cmt-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #333;color:#5cb87a;font-size:12px;font-weight:700;flex-shrink:0}.inline-cmt-header button{background:none;border:0;color:#fff;font-size:16px;cursor:pointer}.inline-cmt-list{flex:1 1 auto;overflow-y:auto;padding:6px 10px;max-height:140px;min-height:40px}.inline-cmt-item{background:#222;border-radius:8px;padding:6px 8px;margin:4px 0;color:#ccc;font-size:11px;line-height:1.3}.inline-cmt-time{font-size:9px;color:#777;margin-right:6px}.inline-cmt-input{display:flex;gap:6px;padding:8px 10px;border-top:1px solid #333;flex-shrink:0;position:sticky;bottom:0;background:rgba(18,18,18,.98)}.inline-cmt-input input{flex:1;background:#222;border:1px solid #444;color:#eee;border-radius:16px;padding:7px 12px;font-size:11px;min-height:32px}.inline-cmt-input button{background:#2d8659;border:0;color:#fff;border-radius:16px;padding:7px 12px;font-size:11px;cursor:pointer;min-height:32px}.wc2026-section{margin:6px 4px;background:linear-gradient(135deg,#0d1117,#1a1a3a);border:1px solid #1a3a5a;border-radius:10px;overflow:hidden}.wc-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:linear-gradient(90deg,#0b2e4a,#1a3a5a)}.wc-header h2{font-size:15px;color:#fff;margin:0}.wc-live-badge{font-size:10px;color:#e74c3c;font-weight:700;animation:wc-pulse 1.5s infinite}@keyframes wc-pulse{0%,100%{opacity:1}50%{opacity:.4}}.wc-tabs{display:flex;gap:4px;padding:8px 10px;overflow-x:auto;scrollbar-width:none}.wc-tabs::-webkit-scrollbar{display:none}.wc-tab{padding:5px 10px;background:#1a2a3a;border:1px solid #2a3a4a;border-radius:12px;color:#8ab4f0;font-size:10px;cursor:pointer;white-space:nowrap;flex-shrink:0}.wc-tab.active{background:#0b6bcb;border-color:#0b6bcb;color:#fff;font-weight:700}.wc-content{padding:8px 10px;max-height:500px;overflow-y:auto}.wc-news-grid{display:flex;flex-direction:column;gap:8px}.wc-news-item{display:flex;gap:8px;padding:8px;background:#1a2030;border-radius:8px;cursor:pointer}.wc-news-item:active{opacity:.8}.wc-news-img{flex:0 0 70px;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#222}.wc-news-img img{width:100%;height:100%;object-fit:cover}.wc-news-text{flex:1;min-width:0}.wc-news-title{font-size:11px;font-weight:700;color:#eee;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wc-news-via{font-size:9px;color:#6a9fca;margin-top:2px}.ls-section{margin:6px 4px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;overflow:hidden}.ls-header{padding:7px 10px;display:flex;align-items:center;justify-content:space-between}.ls-header h3{color:#f0c040;font-size:13px;font-weight:800}.ls-tabs{display:flex;gap:4px;padding:0 10px 8px;overflow-x:auto;scrollbar-width:none}.ls-tabs::-webkit-scrollbar{display:none}.ls-tab{padding:4px 10px;background:#222;border:1px solid #333;border-radius:12px;color:#999;font-size:10px;white-space:nowrap;cursor:pointer;flex-shrink:0}.ls-tab.active{background:#2d8659;border-color:#2d8659;color:#fff;font-weight:700}.ls-content{max-height:420px;overflow-y:auto;padding:0 6px 8px;font-size:12px;color:#ddd}.ls-content ul{list-style:none;padding:0;margin:0}.ls-content .title-content{display:flex;gap:6px;align-items:center;background:#222;border-radius:4px;margin:4px 0;padding:5px 8px}.ls-content .title-content img{width:18px;height:18px}.ls-content .title-content strong{font-size:11px;color:#ccc}.ls-content .match-detail{padding:6px;border-bottom:1px solid #262626;cursor:pointer}.ls-content .match-detail:hover{background:#1a2a1f}.ls-content .match{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.ls-content .datetime{width:100%;font-size:9px;color:#888}.ls-content .teams{display:flex;width:100%;align-items:center;gap:4px}.ls-content .team{flex:1;display:flex;align-items:center;gap:4px;min-width:0;text-decoration:none}.ls-content .team .name{font-size:11px;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ls-content .team .logo img{width:18px;height:18px}.ls-content .home-team{justify-content:flex-end;text-align:right}.ls-content .status{flex:0 0 54px;text-align:center}.ls-content .status a{color:#fff;text-decoration:none;font-weight:800;font-size:12px}.ls-content .status .label{font-size:8px;color:#888;display:block}.ls-content .status .label.live{color:#e74c3c}.ls-content .info,.ls-content .btns{display:none}.ls-content table{width:100%;border-collapse:collapse;font-size:11px;color:#ccc}.ls-content table th{background:#222;color:#999;padding:5px 4px;font-size:10px;border-bottom:1px solid #333}.ls-content table td{padding:4px 3px;border-bottom:1px solid #1a1a1a}.ls-content table .team-name{display:flex;align-items:center;gap:4px}.ls-content table .team-name img{width:16px;height:16px}.ls-content table .pts{font-weight:800;color:#f0c040}.match-overlay{position:fixed;inset:0;background:#111;z-index:9999;display:none;flex-direction:column;overflow:auto}.match-overlay.active{display:flex}.mo-header{padding:10px;background:#1a1a1a;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1}.mo-header h3{font-size:13px;color:#eee}.mo-close{background:none;border:0;color:#fff;font-size:22px;cursor:pointer}.mo-tabs{display:flex;gap:4px;padding:8px 10px;background:#1a1a1a;overflow-x:auto}.mo-tab{padding:5px 12px;background:#222;border:1px solid #333;border-radius:10px;color:#999;font-size:10px;cursor:pointer;white-space:nowrap}.mo-tab.active{background:#2d8659;color:#fff}.mo-body{padding:8px;overflow-x:auto;font-size:12px;color:#ddd}.mo-body ul{list-style:none;padding:0;margin:0}.mo-body li{padding:5px 0;border-bottom:1px solid #222}.featured-match{margin:6px 4px;background:linear-gradient(135deg,#1a2a1f,#0d1117);border:1px solid #2d8659;border-radius:10px;padding:12px;cursor:pointer}.fm-league{text-align:center;color:#5cb87a;font-size:9px;font-weight:700;text-transform:uppercase}.fm-teams{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px}.fm-team{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.fm-team img{width:32px;height:32px;object-fit:contain}.fm-team span{font-size:10px;color:#ccc;text-align:center}.fm-score{font-size:22px;font-weight:900;min-width:60px;text-align:center;color:#fff}.fm-status{text-align:center;margin-top:6px;font-size:9px;color:#e74c3c;font-weight:700}.fm-status.upcoming{color:#f0c040}.ai-compose{margin:6px 4px;background:#141414;border:1px solid #2a2a2a;border-radius:10px;padding:10px}.ai-compose-title{font-size:13px;font-weight:800;color:#5cb87a;margin-bottom:8px}.ai-compose-row{display:flex;gap:6px;margin-top:6px}.ai-compose input{flex:1;background:#222;border:1px solid #333;color:#eee;border-radius:18px;padding:9px 12px;font-size:12px;min-width:0}.ai-compose button{background:#2d8659;border:0;color:#fff;border-radius:18px;padding:9px 12px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.ai-compose button.secondary{background:#333}.ai-compose button.hot-short-btn{background:linear-gradient(135deg,#8b1a5a,#c0392b);border:1px solid #e07050;color:#fff;box-shadow:0 0 10px rgba(192,57,43,.4);animation:hot-pulse 2s infinite}@keyframes hot-pulse{0%,100%{box-shadow:0 0 6px rgba(192,57,43,.35)}50%{box-shadow:0 0 16px rgba(192,57,43,.75)}}.hot-topic-row{display:flex;gap:6px;overflow-x:auto;padding:4px 0;scrollbar-width:none}.hot-topic-row::-webkit-scrollbar{display:none}.hot-chip{flex:0 0 auto;background:#222;border:1px solid #333;color:#ddd;border-radius:16px;padding:5px 10px;font-size:11px;cursor:pointer;white-space:nowrap}.hot-chip:active{transform:scale(.96)}.hashtag-sources{margin:8px 4px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:10px}.hashtag-sources h3{font-size:13px;color:#5cb87a;margin-bottom:8px}.hashtag-src-item{display:flex;gap:8px;padding:8px;background:#202020;border-radius:8px;margin:6px 0;cursor:pointer}.hashtag-src-item:active{opacity:.8}.hashtag-src-img{flex:0 0 80px;aspect-ratio:16/9;background:#333;border-radius:6px;overflow:hidden}.hashtag-src-img img{width:100%;height:100%;object-fit:cover}.hashtag-src-text{flex:1;min-width:0}.hashtag-src-title{font-size:12px;font-weight:700;color:#eee;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hashtag-src-via{font-size:10px;color:#888;margin-top:2px}.hashtag-rewrite-btn{width:100%;margin-top:8px;background:#2d8659;border:0;color:#fff;padding:9px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer}.hashtag-load-more{width:100%;margin-top:8px;background:#222;border:1px solid #333;color:#ccc;padding:9px;border-radius:10px;font-size:12px;cursor:pointer}.hashtag-loading{display:flex;align-items:center;gap:8px;padding:12px;color:#888;font-size:12px}.hashtag-spinner{width:16px;height:16px;border:2px solid #333;border-top-color:#5cb87a;border-radius:50%;animation:ht-spin .8s linear infinite}@keyframes ht-spin{to{transform:rotate(360deg)}}.wall-item{flex:0 0 260px;background:#141414;border:1px solid #2b2b2b;border-radius:10px;padding:8px}.wall-item-new{animation:wall-flash 1.8s ease-out}@keyframes wall-flash{0%{border-color:#f0c040;box-shadow:0 0 18px rgba(240,192,64,.35)}30%{border-color:#f0c040;box-shadow:0 0 12px rgba(240,192,64,.2)}100%{border-color:#2b2b2b;box-shadow:none}}.wall-thumb{width:100%;aspect-ratio:16/9;border-radius:8px;background:#222;overflow:hidden;margin-bottom:6px;position:relative}.wall-thumb img,.wall-thumb video{width:100%;height:100%;object-fit:cover}.wall-video-badge{position:absolute;top:4px;right:4px;background:rgba(45,134,89,.9);color:#fff;font-size:10px;padding:2px 6px;border-radius:6px;font-weight:700}.wall-title{font-size:12px;color:#5cb87a;font-weight:800;line-height:1.3;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wall-text{font-size:11px;color:#bbb;line-height:1.4;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.wall-actions{display:flex;gap:6px;margin-top:8px}.wall-actions button{flex:1;border:1px solid #333;background:#222;color:#ddd;border-radius:14px;padding:6px 8px;font-size:10px;cursor:pointer}.wall-actions button.primary{background:#2d8659;border-color:#2d8659;color:#fff}.wall-actions button.wall-btn-design{background:#1a3a5a;border-color:#3a5a7a;color:#fff;font-weight:700}#progress-toast{position:fixed;bottom:70px;left:50%;transform:translateX(-50%);background:#2d8659;color:#fff;padding:10px 20px;border-radius:20px;font-size:12px;z-index:99998;box-shadow:0 4px 12px rgba(0,0,0,.4);display:none;white-space:nowrap}.storage-warn{background:#332200;border:1px solid #664400;color:#ffcc00;padding:8px 12px;border-radius:8px;font-size:11px;margin:6px 4px}
|
| 15 |
-
.hl-load-more{margin:4px 8px 8px;background:#222;border:1px solid #333;color:#ccc;padding:6px 12px;border-radius:8px;font-size:11px;cursor:pointer;width:calc(100% - 16px);display:block}
|
| 16 |
-
.hl-load-more:hover{background:#2a2a2a}
|
| 17 |
-
.ls-section-header{padding:8px 10px;font-size:11px;font-weight:700;color:#5cb87a;border-bottom:1px solid #2a2a2a}
|
| 18 |
-
.ls-section-header.upcoming{color:#f0c040}
|
| 19 |
-
.ls-section-header.finished{color:#e74c3c}
|
| 20 |
-
.ls-section-header.yesterday{color:#8ab4f0}
|
| 21 |
-
.ls-section-header.older{color:#888}.ls-section-header.older{color:#888}
|
| 22 |
-
/* FPT PLAY / HIGHLIGHT video overflow fix v2 — same containment as short-AI wall
|
| 23 |
-
FIX: iframes now use width:100%/height:100% (matching <video>) instead of
|
| 24 |
-
width:177.78vh. FPT/YouTube iframes now appear IDENTICAL to Short AI <video> tags.
|
| 25 |
-
The .ratio-wide toggle (16:9) is handled by fm_fix.css with matching ID specificity. */
|
| 26 |
-
.tiktok-slide{overflow:hidden!important}
|
| 27 |
-
.tiktok-slide video{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:100%!important;height:100%!important;object-fit:contain!important;border:none!important;pointer-events:auto!important}
|
| 28 |
-
.tiktok-slide iframe{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:100%!important;height:100%!important;border:none!important;pointer-events:none!important}
|
| 29 |
-
.tiktok-slide.ratio-wide iframe{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:calc(100vw - 1px)!important;height:56.25vw!important;max-width:100vw!important;max-height:100dvh!important;border:none!important;pointer-events:auto!important}
|
| 30 |
-
.yt-thumb-wrap{overflow:hidden!important}
|
| 31 |
-
.yt-thumb-wrap iframe{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:100%!important;height:100%!important;border:none!important;pointer-events:auto!important;cursor:pointer!important}
|
| 32 |
-
.wall-thumb img,.wall-thumb video{max-width:100%!important;max-height:100%!important;object-fit:cover!important}
|
| 33 |
</style>
|
| 34 |
</head>
|
| 35 |
<body>
|
| 36 |
<div class="header"><h1>📰 VNEWS</h1><p>Tin tức · Bóng đá LIVE · Highlight · AI · World Cup 2026</p></div>
|
| 37 |
<div class="cats" id="cat-bar"></div>
|
| 38 |
-
<div id="home-hl-section"></div>
|
| 39 |
<div id="view-home" class="view active"><div class="loading">Đang tải...</div></div>
|
| 40 |
<div id="view-cat" class="view"></div>
|
| 41 |
<div id="view-video" class="view"></div>
|
|
@@ -49,7 +30,7 @@
|
|
| 49 |
<div id="progress-toast"></div>
|
| 50 |
<script>
|
| 51 |
var _cats=[],_hlLeagueData={},_currentArticle=null;window._currentEventId='';
|
| 52 |
-
function esc(s){return String(s||'').replace(/[&<>"']/g,m=>({'&':'&
|
| 53 |
function showView(id){document.querySelectorAll('.view').forEach(v=>v.classList.remove('active'));document.getElementById(id)?.classList.add('active')}
|
| 54 |
function switchCat(id){document.querySelectorAll('.cat').forEach(c=>c.classList.remove('active'));document.querySelector('[data-cat="'+id+'"]')?.classList.add('active');document.querySelectorAll('.view').forEach(v=>v.classList.remove('active'));document.querySelectorAll('video').forEach(v=>{v.pause();if(v._hls){v._hls.destroy();v._hls=null}});document.querySelectorAll('iframe[data-yt-src]').forEach(f=>{f.src=''});if(id==='home')document.getElementById('view-home').classList.add('active');else if(id==='news-all'){document.getElementById('view-cat').classList.add('active');loadNewsTab()}else{document.getElementById('view-cat').classList.add('active');loadCat(id)}}
|
| 55 |
function toast(msg){let t=document.getElementById('progress-toast');if(t){t.textContent=msg;t.style.display='block';setTimeout(()=>{t.style.display='none'},3500)}}
|
|
@@ -60,6 +41,7 @@ function doShare(title,url,img,postId){
|
|
| 60 |
} else {
|
| 61 |
shareUrl = SPACE+'/s?url='+encodeURIComponent(url)+'&title='+encodeURIComponent(title)+'&img='+encodeURIComponent(img||'');
|
| 62 |
}
|
|
|
|
| 63 |
if(navigator.clipboard && navigator.clipboard.writeText){
|
| 64 |
navigator.clipboard.writeText(shareUrl).then(function(){
|
| 65 |
toast('📋 Đã sao chép link!');
|
|
@@ -78,7 +60,7 @@ function doShare(title,url,img,postId){
|
|
| 78 |
var ta=document.createElement('textarea');ta.value=shareUrl;ta.style.position='fixed';ta.style.left='-9999px';ta.style.top='-9999px';ta.style.opacity='0';
|
| 79 |
document.body.appendChild(ta);ta.select();ta.setSelectionRange(0,99999);
|
| 80 |
if(document.execCommand('copy')){toast('📋 Đã sao chép link!');}else{prompt('📋 Sao chép link:', shareUrl);}
|
| 81 |
-
|
| 82 |
}catch(e){prompt('📋 Sao chép link:', shareUrl);}
|
| 83 |
try{if(navigator.share)navigator.share({title:title||'',url:shareUrl}).catch(function(){});}catch(e){}
|
| 84 |
}
|
|
@@ -86,8 +68,7 @@ function doShare(title,url,img,postId){
|
|
| 86 |
async function init(){_cats=await fetch('/api/categories').then(r=>r.json()).catch(()=>[]);let bar='<div class="cat active" data-cat="home">🏠</div><div class="cat" data-cat="news-all">📰 Tin tức</div>';_cats.forEach(c=>{bar+='<div class="cat" data-cat="'+c.id+'">'+c.name+'</div>'});document.getElementById('cat-bar').innerHTML=bar;document.querySelectorAll('.cat').forEach(t=>{t.onclick=()=>switchCat(t.dataset.cat)});}
|
| 87 |
var SPACE=location.origin;
|
| 88 |
</script>
|
| 89 |
-
<script src="/static/app_v2.js?v=
|
| 90 |
-
<script src="/static/designer_v2.js?v=20260817fix1"></script>
|
| 91 |
<script src="/static/yt_live.js"></script>
|
| 92 |
<script src="/static/vtv_init.js"></script>
|
| 93 |
<script src="/static/hot_multi.js?v=1"></script>
|
|
|
|
| 8 |
<meta property="og:title" content="VNEWS - Tin Tức Việt Nam">
|
| 9 |
<meta property="og:image" content="https://s1.vnecdn.net/vnexpress/restruct/i/v9505/logo_default.jpg">
|
| 10 |
<link rel="canonical" href="https://bep40-vnews.hf.space">
|
| 11 |
+
<link rel="stylesheet" href="/static/wc2026.css">
|
| 12 |
<script src="https://cdn.jsdelivr.net/npm/hls.js@1/dist/hls.min.js"></script>
|
| 13 |
<style>
|
| 14 |
+
*{box-sizing:border-box;margin:0;padding:0}body{background:#111;color:#eee;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;overflow-x:hidden}.header{background:linear-gradient(135deg,#0d1117,#1a3a2a 50%,#8b7500);padding:12px;text-align:center}.header h1{font-size:18px;color:#fff}.header p{font-size:10px;color:#aaa}.cats{display:flex;overflow-x:auto;background:#1a1a1a;border-bottom:1px solid #333;padding:0 4px;position:sticky;top:0;z-index:50;scrollbar-width:none}.cats::-webkit-scrollbar{display:none}.cat{padding:9px 11px;color:#888;font-size:11px;white-space:nowrap;border-bottom:2px solid transparent;cursor:pointer;flex-shrink:0}.cat.active{color:#5cb87a;border-bottom-color:#5cb87a;font-weight:700}.view{display:none}.view.active{display:block}.loading{text-align:center;padding:30px;color:#777;font-size:12px}.slider-wrap{margin:6px 4px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;overflow:hidden}.slider-header{padding:7px 10px;display:flex;align-items:center;justify-content:space-between}.slider-label{color:#f0c040;font-size:13px;font-weight:800}.slider-note{font-size:10px;color:#777}.slider-track{display:flex;overflow-x:auto;gap:8px;padding:4px 10px 10px;scrollbar-width:none}.slider-track::-webkit-scrollbar{display:none}.slider-item{flex:0 0 160px;cursor:pointer}.slider-thumb{position:relative;width:100%;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#333}.slider-thumb img,.slider-thumb video{width:100%;height:100%;object-fit:cover}.slider-title{font-size:10px;color:#ccc;margin-top:3px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:6px 4px}@media(min-width:650px){.grid{grid-template-columns:repeat(3,1fr)}}.card{background:#1a1a1a;border:1px solid #222;border-radius:8px;overflow:hidden;cursor:pointer}.card-img{position:relative;aspect-ratio:16/9;background:#333}.card-img img{width:100%;height:100%;object-fit:cover}.card-body{padding:6px 8px}.card-title{font-size:11px;line-height:1.35;color:#eee;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.badge{font-size:8px;padding:1px 5px;border-radius:3px;font-weight:700;display:inline-block;margin-bottom:2px;color:#fff}.badge-vne{background:#c0392b}.badge-genk{background:#6a1b9a}.badge-ai{background:#2d8659}.badge-wc{background:#0b6bcb}.section-title{font-size:13px;font-weight:800;color:#5cb87a;margin:8px 0 4px;padding-left:8px;border-left:3px solid #5cb87a}.back-btn{background:#111;color:#fff;border:none;padding:10px;font-size:12px;width:100%;position:sticky;top:0;z-index:60;cursor:pointer}.article-view{padding:12px 8px 40px;max-width:760px;margin:0 auto}.article-title{font-size:18px;font-weight:800;line-height:1.3;margin-bottom:8px}.article-summary{background:#1a2a1f;border-left:3px solid #2d8659;padding:10px;margin-bottom:14px;color:#ccc;font-size:13px}.article-p{font-size:14px;line-height:1.7;color:#ccc;margin-bottom:10px}.article-img{width:100%;border-radius:6px;margin:10px 0}.article-h2{font-size:16px;margin:16px 0 8px;color:#eee}.article-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #333;margin-top:16px;padding-top:10px}.article-actions button{background:#1a1a1a;border:1px solid #333;color:#ccc;padding:7px 12px;border-radius:14px;font-size:11px;cursor:pointer}.article-actions button.primary{background:#2d8659;border-color:#2d8659;color:#fff}.article-ai-ask{margin-top:12px;background:#141414;border:1px solid #2a2a2a;border-radius:10px;padding:10px}.article-ai-ask textarea{width:100%;min-height:60px;background:#222;border:1px solid #444;color:#eee;border-radius:10px;padding:9px;font-size:12px}.article-ai-ask button{background:#2d8659;border:0;color:#fff;border-radius:10px;padding:8px 12px;margin-top:6px;font-size:11px;cursor:pointer}.article-ai-answer{white-space:pre-wrap;color:#ccc;font-size:13px;line-height:1.55;margin-top:8px}.tiktok-container{width:100%;height:80vh;max-height:680px;min-height:400px;background:#000}.tiktok-feed{height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none}.tiktok-feed::-webkit-scrollbar{display:none}.tiktok-slide{height:80vh;max-height:680px;min-height:400px;scroll-snap-align:start;position:relative;background:#000;display:flex;align-items:center;justify-content:center}.tiktok-slide video,.tiktok-slide iframe{width:100%;height:100%;object-fit:cover;border:none}.tiktok-slide.ratio-wide video,.tiktok-slide.ratio-wide iframe{object-fit:contain}.tiktok-bottom{position:absolute;bottom:0;left:0;right:60px;padding:12px 10px 16px;background:linear-gradient(transparent,rgba(0,0,0,.85));z-index:3}.tiktok-title{font-size:12px;color:#fff}.tiktok-counter{position:absolute;top:8px;left:8px;background:rgba(0,0,0,.5);font-size:9px;padding:2px 7px;border-radius:8px;color:#fff;z-index:4}.tiktok-right{position:absolute;right:8px;bottom:100px;display:flex;flex-direction:column;align-items:center;gap:14px;z-index:5}.tiktok-right-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:0;color:#fff;cursor:pointer;font-size:10px}.tiktok-right-btn .icon{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:20px}.tiktok-right-btn .count{font-size:10px;color:#ddd}.inline-comments{position:absolute;bottom:0;left:0;right:0;max-height:60%;min-height:140px;background:rgba(18,18,18,.95);border-radius:14px 14px 0 0;z-index:10;overflow:clip;display:flex;flex-direction:column}.inline-cmt-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #333;color:#5cb87a;font-size:12px;font-weight:700;flex-shrink:0}.inline-cmt-header button{background:none;border:0;color:#fff;font-size:16px;cursor:pointer}.inline-cmt-list{flex:1 1 auto;overflow-y:auto;padding:6px 10px;max-height:140px;min-height:40px}.inline-cmt-item{background:#222;border-radius:8px;padding:6px 8px;margin:4px 0;color:#ccc;font-size:11px;line-height:1.3}.inline-cmt-time{font-size:9px;color:#777;margin-right:6px}.inline-cmt-input{display:flex;gap:6px;padding:8px 10px;border-top:1px solid #333;flex-shrink:0;position:sticky;bottom:0;background:rgba(18,18,18,.98)}.inline-cmt-input input{flex:1;background:#222;border:1px solid #444;color:#eee;border-radius:16px;padding:7px 12px;font-size:11px;min-height:32px}.inline-cmt-input button{background:#2d8659;border:0;color:#fff;border-radius:16px;padding:7px 12px;font-size:11px;cursor:pointer;min-height:32px}.wc2026-section{margin:6px 4px;background:linear-gradient(135deg,#0d1117,#1a1a3a);border:1px solid #1a3a5a;border-radius:10px;overflow:hidden}.wc-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:linear-gradient(90deg,#0b2e4a,#1a3a5a)}.wc-header h2{font-size:15px;color:#fff;margin:0}.wc-live-badge{font-size:10px;color:#e74c3c;font-weight:700;animation:wc-pulse 1.5s infinite}@keyframes wc-pulse{0%,100%{opacity:1}50%{opacity:.4}}.wc-tabs{display:flex;gap:4px;padding:8px 10px;overflow-x:auto;scrollbar-width:none}.wc-tabs::-webkit-scrollbar{display:none}.wc-tab{padding:5px 10px;background:#1a2a3a;border:1px solid #2a3a4a;border-radius:12px;color:#8ab4d8;font-size:10px;cursor:pointer;white-space:nowrap;flex-shrink:0}.wc-tab.active{background:#0b6bcb;border-color:#0b6bcb;color:#fff;font-weight:700}.wc-content{padding:8px 10px;max-height:500px;overflow-y:auto}.wc-news-grid{display:flex;flex-direction:column;gap:8px}.wc-news-item{display:flex;gap:8px;padding:8px;background:#1a2030;border-radius:8px;cursor:pointer}.wc-news-item:active{opacity:.8}.wc-news-img{flex:0 0 70px;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#222}.wc-news-img img{width:100%;height:100%;object-fit:cover}.wc-news-text{flex:1;min-width:0}.wc-news-title{font-size:11px;font-weight:700;color:#eee;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wc-news-via{font-size:9px;color:#6a9fca;margin-top:2px}.ls-section{margin:6px 4px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;overflow:hidden}.ls-header{padding:7px 10px;display:flex;align-items:center;justify-content:space-between}.ls-header h3{color:#f0c040;font-size:13px;font-weight:800}.ls-tabs{display:flex;gap:4px;padding:0 10px 8px;overflow-x:auto;scrollbar-width:none}.ls-tabs::-webkit-scrollbar{display:none}.ls-tab{padding:4px 10px;background:#222;border:1px solid #333;border-radius:12px;color:#999;font-size:10px;white-space:nowrap;cursor:pointer;flex-shrink:0}.ls-tab.active{background:#2d8659;border-color:#2d8659;color:#fff;font-weight:700}.ls-content{max-height:420px;overflow-y:auto;padding:0 6px 8px;font-size:12px;color:#ddd}.ls-content ul{list-style:none;padding:0;margin:0}.ls-content .title-content{display:flex;gap:6px;align-items:center;background:#222;border-radius:4px;margin:4px 0;padding:5px 8px}.ls-content .title-content img{width:18px;height:18px}.ls-content .title-content strong{font-size:11px;color:#ccc}.ls-content .match-detail{padding:6px;border-bottom:1px solid #262626;cursor:pointer}.ls-content .match-detail:hover{background:#1a2a1f}.ls-content .match{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.ls-content .datetime{width:100%;font-size:9px;color:#888}.ls-content .teams{display:flex;width:100%;align-items:center;gap:4px}.ls-content .team{flex:1;display:flex;align-items:center;gap:4px;min-width:0;text-decoration:none}.ls-content .team .name{font-size:11px;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ls-content .team .logo img{width:18px;height:18px}.ls-content .home-team{justify-content:flex-end;text-align:right}.ls-content .status{flex:0 0 54px;text-align:center}.ls-content .status a{color:#fff;text-decoration:none;font-weight:800;font-size:12px}.ls-content .status .label{font-size:8px;color:#888;display:block}.ls-content .status .label.live{color:#e74c3c}.ls-content .info,.ls-content .btns{display:none}.ls-content table{width:100%;border-collapse:collapse;font-size:11px;color:#ccc}.ls-content table th{background:#222;color:#999;padding:5px 4px;font-size:10px;border-bottom:1px solid #333}.ls-content table td{padding:4px 3px;border-bottom:1px solid #1a1a1a}.ls-content table .team-name{display:flex;align-items:center;gap:4px}.ls-content table .team-name img{width:16px;height:16px}.ls-content table .pts{font-weight:800;color:#f0c040}.match-overlay{position:fixed;inset:0;background:#111;z-index:9999;display:none;flex-direction:column;overflow:auto}.match-overlay.active{display:flex}.mo-header{padding:10px;background:#1a1a1a;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1}.mo-header h3{font-size:13px;color:#eee}.mo-close{background:none;border:0;color:#fff;font-size:22px;cursor:pointer}.mo-tabs{display:flex;gap:4px;padding:8px 10px;background:#1a1a1a;overflow-x:auto}.mo-tab{padding:5px 12px;background:#222;border:1px solid #333;border-radius:10px;color:#999;font-size:10px;cursor:pointer;white-space:nowrap}.mo-tab.active{background:#2d8659;color:#fff}.mo-body{padding:8px;overflow-x:auto;font-size:12px;color:#ddd}.mo-body ul{list-style:none;padding:0;margin:0}.mo-body li{padding:5px 0;border-bottom:1px solid #222}.featured-match{margin:6px 4px;background:linear-gradient(135deg,#1a2a1f,#0d1117);border:1px solid #2d8659;border-radius:10px;padding:12px;cursor:pointer}.fm-league{text-align:center;color:#5cb87a;font-size:9px;font-weight:700;text-transform:uppercase}.fm-teams{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px}.fm-team{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.fm-team img{width:32px;height:32px;object-fit:contain}.fm-team span{font-size:10px;color:#ccc;text-align:center}.fm-score{font-size:22px;font-weight:900;min-width:60px;text-align:center;color:#fff}.fm-status{text-align:center;margin-top:6px;font-size:9px;color:#e74c3c;font-weight:700}.fm-status.upcoming{color:#f0c040}.ai-compose{margin:6px 4px;background:#141414;border:1px solid #2a2a2a;border-radius:10px;padding:10px}.ai-compose-title{font-size:13px;font-weight:800;color:#5cb87a;margin-bottom:8px}.ai-compose-row{display:flex;gap:6px;margin-top:6px}.ai-compose input{flex:1;background:#222;border:1px solid #333;color:#eee;border-radius:18px;padding:9px 12px;font-size:12px;min-width:0}.ai-compose button{background:#2d8659;border:0;color:#fff;border-radius:18px;padding:9px 12px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.ai-compose button.secondary{background:#333}.hot-topic-row{display:flex;gap:6px;overflow-x:auto;padding:4px 0;scrollbar-width:none}.hot-topic-row::-webkit-scrollbar{display:none}.hot-chip{flex:0 0 auto;background:#222;border:1px solid #333;color:#ddd;border-radius:16px;padding:5px 10px;font-size:11px;cursor:pointer;white-space:nowrap}.hot-chip:active{transform:scale(.96)}.hashtag-sources{margin:8px 4px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:10px}.hashtag-sources h3{font-size:13px;color:#5cb87a;margin-bottom:8px}.hashtag-src-item{display:flex;gap:8px;padding:8px;background:#202020;border-radius:8px;margin:6px 0;cursor:pointer}.hashtag-src-item:active{opacity:.8}.hashtag-src-img{flex:0 0 80px;aspect-ratio:16/9;background:#333;border-radius:6px;overflow:hidden}.hashtag-src-img img{width:100%;height:100%;object-fit:cover}.hashtag-src-text{flex:1;min-width:0}.hashtag-src-title{font-size:12px;font-weight:700;color:#eee;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hashtag-src-via{font-size:10px;color:#888;margin-top:2px}.hashtag-rewrite-btn{width:100%;margin-top:8px;background:#2d8659;border:0;color:#fff;padding:9px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer}.hashtag-load-more{width:100%;margin-top:8px;background:#222;border:1px solid #333;color:#ccc;padding:9px;border-radius:10px;font-size:12px;cursor:pointer}.hashtag-loading{display:flex;align-items:center;gap:8px;padding:12px;color:#888;font-size:12px}.hashtag-spinner{width:16px;height:16px;border:2px solid #333;border-top-color:#5cb87a;border-radius:50%;animation:ht-spin .8s linear infinite}@keyframes ht-spin{to{transform:rotate(360deg)}}.wall-item{flex:0 0 260px;background:#141414;border:1px solid #2b2b2b;border-radius:10px;padding:8px}.wall-item-new{animation:wall-flash 1.8s ease-out}@keyframes wall-flash{0%{border-color:#f0c040;box-shadow:0 0 18px rgba(240,192,64,.35)}30%{border-color:#f0c040;box-shadow:0 0 12px rgba(240,192,64,.2)}100%{border-color:#2b2b2b;box-shadow:none}}.wall-thumb{width:100%;aspect-ratio:16/9;border-radius:8px;background:#222;overflow:hidden;margin-bottom:6px;position:relative}.wall-thumb img{width:100%;height:100%;object-fit:cover}.wall-video-badge{position:absolute;top:4px;right:4px;background:rgba(45,134,89,.9);color:#fff;font-size:10px;padding:2px 6px;border-radius:6px;font-weight:700}.wall-title{font-size:12px;color:#5cb87a;font-weight:800;line-height:1.3;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wall-text{font-size:11px;color:#bbb;line-height:1.4;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.wall-actions{display:flex;gap:6px;margin-top:8px}.wall-actions button{flex:1;border:1px solid #333;background:#222;color:#ddd;border-radius:14px;padding:6px 8px;font-size:10px;cursor:pointer}.wall-actions button.primary{background:#2d8659;border-color:#2d8659;color:#fff}#progress-toast{position:fixed;bottom:70px;left:50%;transform:translateX(-50%);background:#2d8659;color:#fff;padding:10px 20px;border-radius:20px;font-size:12px;z-index:99998;box-shadow:0 4px 12px rgba(0,0,0,.4);display:none;white-space:nowrap}.storage-warn{background:#332200;border:1px solid #664400;color:#ffcc00;padding:8px 12px;border-radius:8px;font-size:11px;margin:6px 4px}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 15 |
</style>
|
| 16 |
</head>
|
| 17 |
<body>
|
| 18 |
<div class="header"><h1>📰 VNEWS</h1><p>Tin tức · Bóng đá LIVE · Highlight · AI · World Cup 2026</p></div>
|
| 19 |
<div class="cats" id="cat-bar"></div>
|
|
|
|
| 20 |
<div id="view-home" class="view active"><div class="loading">Đang tải...</div></div>
|
| 21 |
<div id="view-cat" class="view"></div>
|
| 22 |
<div id="view-video" class="view"></div>
|
|
|
|
| 30 |
<div id="progress-toast"></div>
|
| 31 |
<script>
|
| 32 |
var _cats=[],_hlLeagueData={},_currentArticle=null;window._currentEventId='';
|
| 33 |
+
function esc(s){return String(s||'').replace(/[&<>"']/g,m=>({'&':'&','<':'<','>':'>','"':'"',"'":'''}[m]))}
|
| 34 |
function showView(id){document.querySelectorAll('.view').forEach(v=>v.classList.remove('active'));document.getElementById(id)?.classList.add('active')}
|
| 35 |
function switchCat(id){document.querySelectorAll('.cat').forEach(c=>c.classList.remove('active'));document.querySelector('[data-cat="'+id+'"]')?.classList.add('active');document.querySelectorAll('.view').forEach(v=>v.classList.remove('active'));document.querySelectorAll('video').forEach(v=>{v.pause();if(v._hls){v._hls.destroy();v._hls=null}});document.querySelectorAll('iframe[data-yt-src]').forEach(f=>{f.src=''});if(id==='home')document.getElementById('view-home').classList.add('active');else if(id==='news-all'){document.getElementById('view-cat').classList.add('active');loadNewsTab()}else{document.getElementById('view-cat').classList.add('active');loadCat(id)}}
|
| 36 |
function toast(msg){let t=document.getElementById('progress-toast');if(t){t.textContent=msg;t.style.display='block';setTimeout(()=>{t.style.display='none'},3500)}}
|
|
|
|
| 41 |
} else {
|
| 42 |
shareUrl = SPACE+'/s?url='+encodeURIComponent(url)+'&title='+encodeURIComponent(title)+'&img='+encodeURIComponent(img||'');
|
| 43 |
}
|
| 44 |
+
// Use clipboard API first (modern, works on Chrome mobile 85+)
|
| 45 |
if(navigator.clipboard && navigator.clipboard.writeText){
|
| 46 |
navigator.clipboard.writeText(shareUrl).then(function(){
|
| 47 |
toast('📋 Đã sao chép link!');
|
|
|
|
| 60 |
var ta=document.createElement('textarea');ta.value=shareUrl;ta.style.position='fixed';ta.style.left='-9999px';ta.style.top='-9999px';ta.style.opacity='0';
|
| 61 |
document.body.appendChild(ta);ta.select();ta.setSelectionRange(0,99999);
|
| 62 |
if(document.execCommand('copy')){toast('📋 Đã sao chép link!');}else{prompt('📋 Sao chép link:', shareUrl);}
|
| 63 |
+
document.body.removeChild(ta);
|
| 64 |
}catch(e){prompt('📋 Sao chép link:', shareUrl);}
|
| 65 |
try{if(navigator.share)navigator.share({title:title||'',url:shareUrl}).catch(function(){});}catch(e){}
|
| 66 |
}
|
|
|
|
| 68 |
async function init(){_cats=await fetch('/api/categories').then(r=>r.json()).catch(()=>[]);let bar='<div class="cat active" data-cat="home">🏠</div><div class="cat" data-cat="news-all">📰 Tin tức</div>';_cats.forEach(c=>{bar+='<div class="cat" data-cat="'+c.id+'">'+c.name+'</div>'});document.getElementById('cat-bar').innerHTML=bar;document.querySelectorAll('.cat').forEach(t=>{t.onclick=()=>switchCat(t.dataset.cat)});}
|
| 69 |
var SPACE=location.origin;
|
| 70 |
</script>
|
| 71 |
+
<script src="/static/app_v2.js?v=20260722"></script>
|
|
|
|
| 72 |
<script src="/static/yt_live.js"></script>
|
| 73 |
<script src="/static/vtv_init.js"></script>
|
| 74 |
<script src="/static/hot_multi.js?v=1"></script>
|
static/live_mode.js
CHANGED
|
@@ -23,29 +23,7 @@
|
|
| 23 |
.hashtag-src-img img{width:100%!important;height:100%!important;object-fit:cover!important}
|
| 24 |
.hashtag-src-text{flex:1!important;min-width:0!important}
|
| 25 |
.hashtag-src-title{font-size:12px!important;font-weight:700!important;color:#eee!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important}
|
| 26 |
-
.hashtag-src-via{font-size:10px!important;color:#888!important;margin-top:2px!important}
|
| 27 |
-
#ls-content .ranking-table .head,#ls-content .leaderboard .head{width:100%!important}
|
| 28 |
-
#ls-content .ranking-table .leaderboard-item,#ls-content .leaderboard .leaderboard-item{display:flex!important;width:100%!important;align-items:center!important;gap:4px!important;border-bottom:1px solid #1a1a1a!important;padding:4px 2px!important;background:transparent!important}
|
| 29 |
-
#ls-content .ranking-table .leaderboard-item>div.team,#ls-content .ranking-table .leaderboard-item>.team,#ls-content .leaderboard .leaderboard-item .team{flex:1!important;min-width:0!important;display:flex!important;align-items:center!important;gap:4px!important}
|
| 30 |
-
#ls-content .leaderboard-item .team a{display:inline-flex!important;align-items:center!important;gap:4px!important;font-size:11px!important;color:#ccc!important;text-decoration:none!important;overflow:hidden!important}
|
| 31 |
-
#ls-content .leaderboard-item .team a img{width:16px!important;height:16px!important;object-fit:contain!important}
|
| 32 |
-
#ls-content .leaderboard-item .team a p{font-size:11px!important;color:#ccc!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
|
| 33 |
-
#ls-content .leaderboard-item .copy{display:flex!important;align-items:center!important;gap:2px!important;white-space:nowrap!important}
|
| 34 |
-
#ls-content .leaderboard-item .copy p{display:inline-block!important;min-width:20px!important;text-align:center!important;font-size:11px!important;color:#ccc!important;margin:0!important}
|
| 35 |
-
#ls-content .leaderboard-item .copy p strong{font-weight:800!important;color:#f0c040!important;min-width:20px!important;text-align:center!important}
|
| 36 |
-
#ls-content .leaderboard-item .copy p.form span{width:14px!important;height:14px!important;line-height:14px!important;font-size:9px!important;border-radius:2px!important;color:#fff!important;margin:0 1px!important}
|
| 37 |
-
#ls-content .leaderboard-item .copy p.form span.bg-green{background:#2d8659!important}
|
| 38 |
-
#ls-content .leaderboard-item .copy p.form span.bg-gray-5{background:#555!important;color:#ccc!important}
|
| 39 |
-
#ls-content .leaderboard-item .copy p.form span.bg-red{background:#c0392b!important}
|
| 40 |
-
#ls-content .leaderboard-item>div[class*="w-["]{display:none!important}
|
| 41 |
-
#ls-content .leaderboard-item .w-\[2px\]{display:none!important}
|
| 42 |
-
/* FPT PLAY / HIGHLIGHT video overflow fix - same containment as short-AI wall */
|
| 43 |
-
.tiktok-slide{overflow:hidden!important}
|
| 44 |
-
.tiktok-slide video,.tiktok-slide iframe{max-width:100%!important;max-height:100%!important;object-fit:contain!important}
|
| 45 |
-
.yt-thumb-wrap{overflow:hidden!important}
|
| 46 |
-
.yt-thumb-wrap iframe{max-width:100%!important;max-height:100%!important}
|
| 47 |
-
.wall-item{overflow:hidden!important}
|
| 48 |
-
.wall-thumb img,.wall-thumb video{max-width:100%!important;max-height:100%!important;object-fit:cover!important}`;
|
| 49 |
document.head.appendChild(style);
|
| 50 |
|
| 51 |
// Load rewrite fix
|
|
|
|
| 23 |
.hashtag-src-img img{width:100%!important;height:100%!important;object-fit:cover!important}
|
| 24 |
.hashtag-src-text{flex:1!important;min-width:0!important}
|
| 25 |
.hashtag-src-title{font-size:12px!important;font-weight:700!important;color:#eee!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important}
|
| 26 |
+
.hashtag-src-via{font-size:10px!important;color:#888!important;margin-top:2px!important}`;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 27 |
document.head.appendChild(style);
|
| 28 |
|
| 29 |
// Load rewrite fix
|
static/rewrite_fix.js
ADDED
|
@@ -0,0 +1,194 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
/**
|
| 2 |
+
* VNEWS rewrite_fix.js - Adds missing openPersonalPostPreview function
|
| 3 |
+
* Fixes "Lỗi ko tìm được nguồn tin" by improving hashtag source fallback
|
| 4 |
+
* Fixes "lỗi server khi đăng bài quan điểm cá nhân" by adding the missing function
|
| 5 |
+
* v2.0 - 2026-07-23
|
| 6 |
+
*/
|
| 7 |
+
|
| 8 |
+
// ===== FIX 1: openPersonalPostPreview - Xem trước và đăng bài quan điểm cá nhân =====
|
| 9 |
+
window.openPersonalPostPreview = function() {
|
| 10 |
+
const inp = document.getElementById('opinion-input');
|
| 11 |
+
const text = (inp && inp.value || '').trim();
|
| 12 |
+
if(!text) { alert('Vui lòng nhập quan điểm cá nhân của bạn'); return; }
|
| 13 |
+
if(text.length < 10) { alert('Bài viết quá ngắn (tối thiểu 10 ký tự)'); return; }
|
| 14 |
+
|
| 15 |
+
const overlay = document.createElement('div');
|
| 16 |
+
overlay.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px';
|
| 17 |
+
const box = document.createElement('div');
|
| 18 |
+
box.style.cssText = 'background:#1a1a1a;border:2px solid #2d8659;border-radius:16px;padding:20px;max-width:400px;width:100%;max-height:80vh;overflow-y:auto';
|
| 19 |
+
|
| 20 |
+
const titleDefault = text.slice(0, 80).split('\n')[0].trim();
|
| 21 |
+
const safeText = esc ? esc(text.slice(0, 2000)) : text.slice(0, 2000);
|
| 22 |
+
const safeTitle = esc ? esc(titleDefault) : titleDefault;
|
| 23 |
+
|
| 24 |
+
let h = '<h3 style="color:#5cb87a;margin-bottom:12px;font-size:16px">📝 Xem trước bài viết</h3>';
|
| 25 |
+
h += '<div style="background:#141414;border:1px solid #2a2a2a;border-radius:10px;padding:12px;margin-bottom:12px">';
|
| 26 |
+
h += '<div style="font-size:14px;font-weight:800;color:#5cb87a;margin-bottom:6px">' + safeTitle + '</div>';
|
| 27 |
+
h += '<div style="font-size:12px;color:#ccc;line-height:1.5;white-space:pre-wrap;max-height:200px;overflow-y:auto">' + safeText + '</div>';
|
| 28 |
+
h += '<div style="margin-top:8px;font-size:10px;color:#888">📝 Bài viết quan điểm cá nhân · ' + text.length + ' ký tự</div>';
|
| 29 |
+
h += '</div>';
|
| 30 |
+
h += '<div style="display:flex;gap:8px">';
|
| 31 |
+
h += '<button id="ppp-submit" style="flex:1;background:#2d8659;border:0;color:#fff;padding:10px;border-radius:12px;font-size:12px;font-weight:700;cursor:pointer">✅ Đăng lên Tường</button>';
|
| 32 |
+
h += '<button id="ppp-cancel" style="background:#333;border:0;color:#ccc;padding:10px 16px;border-radius:12px;font-size:11px;cursor:pointer">✕ Hủy</button>';
|
| 33 |
+
h += '</div>';
|
| 34 |
+
h += '<div id="ppp-status" style="color:#888;font-size:10px;margin-top:8px;display:none"></div>';
|
| 35 |
+
|
| 36 |
+
box.innerHTML = h;
|
| 37 |
+
overlay.appendChild(box);
|
| 38 |
+
document.body.appendChild(overlay);
|
| 39 |
+
|
| 40 |
+
document.getElementById('ppp-cancel').addEventListener('click', function() { overlay.remove(); });
|
| 41 |
+
|
| 42 |
+
document.getElementById('ppp-submit').addEventListener('click', async function() {
|
| 43 |
+
const btn = this;
|
| 44 |
+
btn.disabled = true;
|
| 45 |
+
btn.textContent = '⏳ Đang đăng...';
|
| 46 |
+
const statusEl = document.getElementById('ppp-status');
|
| 47 |
+
statusEl.style.display = 'block';
|
| 48 |
+
statusEl.textContent = 'Đang đăng bài lên Tường...';
|
| 49 |
+
|
| 50 |
+
try {
|
| 51 |
+
const r = await fetch('/api/wall', {
|
| 52 |
+
method: 'POST',
|
| 53 |
+
headers: {'Content-Type': 'application/json'},
|
| 54 |
+
body: JSON.stringify({
|
| 55 |
+
title: titleDefault.slice(0, 200),
|
| 56 |
+
text: text.slice(0, 2000),
|
| 57 |
+
source: 'personal_opinion'
|
| 58 |
+
})
|
| 59 |
+
});
|
| 60 |
+
const j = await r.json();
|
| 61 |
+
if(!r.ok || j.error) throw new Error(j.error || 'Lỗi đăng bài');
|
| 62 |
+
toast('✅ Đã đăng bài quan điểm lên Tường!');
|
| 63 |
+
overlay.remove();
|
| 64 |
+
if(inp) inp.value = '';
|
| 65 |
+
if(j.post && typeof prependWallPost === 'function') prependWallPost(j.post);
|
| 66 |
+
else if(j.post && Array.isArray(window._wallPosts)) window._wallPosts.unshift(j.post);
|
| 67 |
+
} catch(e) {
|
| 68 |
+
statusEl.textContent = '❌ ' + e.message;
|
| 69 |
+
btn.disabled = false;
|
| 70 |
+
btn.textContent = '✅ Đăng lên Tường';
|
| 71 |
+
}
|
| 72 |
+
});
|
| 73 |
+
};
|
| 74 |
+
|
| 75 |
+
// ===== FIX 2: Override showHashtagSources with better fallback =====
|
| 76 |
+
// Store original
|
| 77 |
+
const _origShowHashtagSources = window.showHashtagSources;
|
| 78 |
+
|
| 79 |
+
window.showHashtagSources = async function(topic, page) {
|
| 80 |
+
const box = document.getElementById('hashtag-box');
|
| 81 |
+
if(!box) return;
|
| 82 |
+
|
| 83 |
+
if(page === 0) {
|
| 84 |
+
box.innerHTML = `<div class="hashtag-sources"><h3>🔍 ${esc(topic)}</h3><div class="hashtag-loading"><div class="hashtag-spinner"></div>Đang tìm trên 8 nguồn tin...</div></div>`;
|
| 85 |
+
}
|
| 86 |
+
|
| 87 |
+
try {
|
| 88 |
+
const r = await fetch(`/api/hashtag/sources?topic=${encodeURIComponent(topic)}&page=${page}`);
|
| 89 |
+
const j = await r.json();
|
| 90 |
+
const sources = j.sources || [];
|
| 91 |
+
|
| 92 |
+
if(!sources.length && page === 0) {
|
| 93 |
+
// Try direct Google News search as fallback
|
| 94 |
+
box.innerHTML = `<div class="hashtag-sources"><h3>🔍 ${esc(topic)}</h3><div class="hashtag-loading"><div class="hashtag-spinner"></div>Thử tìm qua Google News...</div></div>`;
|
| 95 |
+
try {
|
| 96 |
+
const r2 = await fetch(`/api/hashtag/sources?topic=${encodeURIComponent(topic)}&page=0&source=google`);
|
| 97 |
+
const j2 = await r2.json();
|
| 98 |
+
const sources2 = j2.sources || [];
|
| 99 |
+
if(sources2.length) {
|
| 100 |
+
_renderSources(box, topic, sources2, j2, page);
|
| 101 |
+
return;
|
| 102 |
+
}
|
| 103 |
+
} catch(e2) {}
|
| 104 |
+
|
| 105 |
+
// Ultimate fallback: show message with suggestions
|
| 106 |
+
box.innerHTML = `<div class="hashtag-sources">
|
| 107 |
+
<h3>🔍 ${esc(topic)}</h3>
|
| 108 |
+
<div style="color:#888;padding:12px;text-align:center">
|
| 109 |
+
<div style="font-size:28px;margin-bottom:8px">🔎</div>
|
| 110 |
+
<div style="font-size:13px;color:#aaa;margin-bottom:8px">Không tìm được bài viết cho "<b>${esc(topic)}</b>"</div>
|
| 111 |
+
<div style="font-size:11px;color:#666;line-height:1.5">
|
| 112 |
+
Gợi ý:<br>
|
| 113 |
+
• Thử từ khóa ngắn hơn (VD: "AI", "bóng đá", "kinh tế")<br>
|
| 114 |
+
• Dùng URL để Rewrite bài viết cụ thể<br>
|
| 115 |
+
• Hoặc viết quan điểm cá nhân ở ô bên dưới
|
| 116 |
+
</div>
|
| 117 |
+
<div style="display:flex;gap:4px;flex-wrap:wrap;margin-top:10px;justify-content:center">
|
| 118 |
+
<button class="hot-chip" onclick="searchTopic('AI')">#AI</button>
|
| 119 |
+
<button class="hot-chip" onclick="searchTopic('bóng đá')">#BóngĐá</button>
|
| 120 |
+
<button class="hot-chip" onclick="searchTopic('kinh tế')">#KinhTế</button>
|
| 121 |
+
<button class="hot-chip" onclick="searchTopic('công nghệ')">#CôngNghệ</button>
|
| 122 |
+
</div>
|
| 123 |
+
</div>
|
| 124 |
+
</div>`;
|
| 125 |
+
return;
|
| 126 |
+
}
|
| 127 |
+
|
| 128 |
+
_renderSources(box, topic, sources, j, page);
|
| 129 |
+
|
| 130 |
+
} catch(e) {
|
| 131 |
+
box.innerHTML = `<div class="hashtag-sources"><h3>🔍 ${esc(topic)}</h3><div style="color:#e74c3c;padding:8px;text-align:center">
|
| 132 |
+
<div>❌ Lỗi kết nối: ${esc(e.message)}</div>
|
| 133 |
+
<button class="hot-chip" style="margin-top:8px" onclick="searchTopic('${topic.replace(/'/g,"\\'")}')">🔄 Thử lại</button>
|
| 134 |
+
</div></div>`;
|
| 135 |
+
}
|
| 136 |
+
};
|
| 137 |
+
|
| 138 |
+
function _renderSources(box, topic, sources, j, page) {
|
| 139 |
+
if(page > 0) {
|
| 140 |
+
// Append mode
|
| 141 |
+
const list = document.getElementById('ht-list');
|
| 142 |
+
if(!list) { _renderSourcesFull(box, topic, sources, j, page); return; }
|
| 143 |
+
let h = '';
|
| 144 |
+
sources.forEach((s, i) => {
|
| 145 |
+
const idx = page * 8 + i;
|
| 146 |
+
h += `<div class="hashtag-src-item" onclick="readArticle('${esc(s.url)}')"><div class="hashtag-src-img" id="ht-img-${idx}"></div><div class="hashtag-src-text"><div class="hashtag-src-title">${esc(s.title)}</div><div class="hashtag-src-via">${esc(s.via||'')}</div></div></div>`;
|
| 147 |
+
});
|
| 148 |
+
list.insertAdjacentHTML('beforeend', h);
|
| 149 |
+
const btn = document.getElementById('ht-more');
|
| 150 |
+
if(btn) {
|
| 151 |
+
if(!j.has_more) btn.remove();
|
| 152 |
+
else { btn.disabled = false; btn.textContent = 'Tải thêm ▼'; }
|
| 153 |
+
}
|
| 154 |
+
// Lazy load images
|
| 155 |
+
sources.forEach((s, i) => {
|
| 156 |
+
const idx = page * 8 + i;
|
| 157 |
+
if(!s.url) return;
|
| 158 |
+
setTimeout(() => {
|
| 159 |
+
fetch('/api/article?url=' + encodeURIComponent(s.url), {signal: AbortSignal.timeout(4000)})
|
| 160 |
+
.then(r => r.json()).then(d => {
|
| 161 |
+
if(d && (d.og_image || d.img)) {
|
| 162 |
+
const el = document.getElementById('ht-img-' + idx);
|
| 163 |
+
if(el) el.innerHTML = `<img src="${_proxyImg(esc(d.og_image || d.img))}" onerror="this.style.display='none'">`;
|
| 164 |
+
}
|
| 165 |
+
}).catch(() => {});
|
| 166 |
+
}, idx * 500);
|
| 167 |
+
});
|
| 168 |
+
return;
|
| 169 |
+
}
|
| 170 |
+
|
| 171 |
+
// Full render for page 0
|
| 172 |
+
let h = `<div class="hashtag-sources"><h3>🔍 ${esc(topic)} <span style="font-size:10px;color:#888">(${j.total} bài từ 8 nguồn)</span></h3><div id="ht-list">`;
|
| 173 |
+
sources.forEach((s, i) => {
|
| 174 |
+
h += `<div class="hashtag-src-item" onclick="readArticle('${esc(s.url)}')"><div class="hashtag-src-img" id="ht-img-${i}"></div><div class="hashtag-src-text"><div class="hashtag-src-title">${esc(s.title)}</div><div class="hashtag-src-via">${esc(s.via||'')}</div></div></div>`;
|
| 175 |
+
});
|
| 176 |
+
h += `</div><button class="hashtag-rewrite-btn" onclick="rewriteHashtag('${topic.replace(/'/g,"\\'")}')">🤖 Rewrite AI tổng hợp & đăng tường</button>`;
|
| 177 |
+
if(j.has_more) h += `<button class="hashtag-load-more" id="ht-more" onclick="loadMoreHashtag()">Tải thêm ▼</button>`;
|
| 178 |
+
h += `</div>`;
|
| 179 |
+
box.innerHTML = h;
|
| 180 |
+
|
| 181 |
+
// Lazy load images
|
| 182 |
+
sources.forEach((s, i) => {
|
| 183 |
+
if(!s.url) return;
|
| 184 |
+
setTimeout(() => {
|
| 185 |
+
fetch('/api/article?url=' + encodeURIComponent(s.url), {signal: AbortSignal.timeout(4000)})
|
| 186 |
+
.then(r => r.json()).then(d => {
|
| 187 |
+
if(d && (d.og_image || d.img)) {
|
| 188 |
+
const el = document.getElementById('ht-img-' + i);
|
| 189 |
+
if(el) el.innerHTML = `<img src="${_proxyImg(esc(d.og_image || d.img))}" onerror="this.style.display='none'">`;
|
| 190 |
+
}
|
| 191 |
+
}).catch(() => {});
|
| 192 |
+
}, i * 500);
|
| 193 |
+
});
|
| 194 |
+
}
|
static/vtv_init.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
| 1 |
-
// ===== VNEWS VTV Player v11
|
| 2 |
(function() {
|
| 3 |
if (window._vtvInitLoaded) return;
|
| 4 |
window._vtvInitLoaded = true;
|
|
@@ -10,19 +10,14 @@
|
|
| 10 |
{id:'vtv7',name:'VTV7',badge:'Giáo Dục'},{id:'vtv8',name:'VTV8',badge:'Miền Trung'},
|
| 11 |
{id:'vtv9',name:'VTV9',badge:'Miền Bắc'},{id:'vtv10',name:'VTV10',badge:'Cần Thơ'},
|
| 12 |
{id:'vtvprime',name:'VTVPrime',badge:'Prime'},
|
| 13 |
-
{id:'fpt-the-thao',name:'FPT',badge:'Thể Thao'},
|
| 14 |
];
|
| 15 |
|
| 16 |
-
// FPT Play iframe source — lấy từ iframe #1 của https://hd1.xemtv.net/kenh-fptplay-truc-tuyen-the-thao.html
|
| 17 |
-
// Trang đó có 3 iframe: ads/below1.php (quảng cáo), ads/below.php (quảng cáo), kenh/fptplay.php (stream chính)
|
| 18 |
-
var _fptIfUrl = 'https://hd1.xemtv.net/kenh/fptplay.php';
|
| 19 |
-
|
| 20 |
var _currentCh = null;
|
| 21 |
var _epgTimer = null;
|
| 22 |
var _epgData = [];
|
| 23 |
var _timeTimer = null;
|
| 24 |
var _serverDate = '';
|
| 25 |
-
var _nativeMode = false;
|
| 26 |
var _hls = null;
|
| 27 |
|
| 28 |
// ===== CSS =====
|
|
@@ -43,8 +38,6 @@
|
|
| 43 |
'#vtv-player-section .vtv-pro-tab{padding:5px 10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:8px;color:#9aa0a6;font-size:10px;font-weight:500;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s ease}',
|
| 44 |
'#vtv-player-section .vtv-pro-tab:hover{background:rgba(0,102,204,.1);border-color:rgba(0,102,204,.3);color:#e8eaed}',
|
| 45 |
'#vtv-player-section .vtv-pro-tab.on{background:rgba(0,102,204,.2);border-color:#0066cc;color:#fff;font-weight:600}',
|
| 46 |
-
'#vtv-player-section .vtv-pro-tab.fpt{background:rgba(255,100,0,.04);border-color:rgba(255,120,0,.08);color:#ffa866}',
|
| 47 |
-
'#vtv-player-section .vtv-pro-tab.fpt.on{background:rgba(255,100,0,.2);border-color:#ff6400;color:#fff}',
|
| 48 |
'#vtv-player-section .vtv-pro-tab .b{font-size:7px;opacity:.5;display:block;margin-top:1px}',
|
| 49 |
'#vtv-player-section .vtv-pro-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;min-height:200px;border-top:1px solid rgba(255,255,255,.04)}',
|
| 50 |
'#vtv-player-section .vtv-pro-frame iframe{position:absolute;inset:0;width:100%!important;height:100%!important;border:none;background:#000}',
|
|
@@ -116,7 +109,6 @@
|
|
| 116 |
|
| 117 |
// ===== EPG =====
|
| 118 |
function loadEPG(chId) {
|
| 119 |
-
if (chId.indexOf('fpt') >= 0) return; // FPT ko có EPG
|
| 120 |
var epgEl = document.getElementById('vtv-pro-epg-body');
|
| 121 |
if (!epgEl) return;
|
| 122 |
epgEl.innerHTML = '<div class="vtv-pro-epg-load"><div class="vtv-pro-spinner" style="width:12px;height:12px;border-width:1.5px;flex-shrink:0"></div>Đang tải lịch...</div>';
|
|
@@ -157,7 +149,7 @@
|
|
| 157 |
var cls = 'vtv-pro-epg-row';
|
| 158 |
if (p.now) cls += ' now';
|
| 159 |
else if (p.time < nowStr) cls += ' passed';
|
| 160 |
-
var xt = p.end_time ? '
|
| 161 |
var db = '';
|
| 162 |
if (p.date && p.date !== prevDate) { db = '<span class="d">' + p.date + '</span>'; prevDate = p.date; }
|
| 163 |
html += '<div class="' + cls + '"><span class="t">' + p.time + xt + '</span><span class="bar"></span><span class="n">' + p.title + '</span>' + db + '</div>';
|
|
@@ -169,7 +161,7 @@
|
|
| 169 |
|
| 170 |
function startEpgRefresh() {
|
| 171 |
if (_epgTimer) clearInterval(_epgTimer);
|
| 172 |
-
_epgTimer = setInterval(function() { if (_currentCh
|
| 173 |
}
|
| 174 |
|
| 175 |
function updateClock() {
|
|
@@ -189,152 +181,139 @@
|
|
| 189 |
}
|
| 190 |
|
| 191 |
// ===== Play native HLS via proxy =====
|
| 192 |
-
function playNativeHLS(
|
| 193 |
destroyHLS();
|
| 194 |
var frame = document.getElementById('vtv-pro-frame');
|
| 195 |
if (!frame) return;
|
| 196 |
frame.innerHTML = '<video id="vtv-native-video" controls autoplay playsinline webkit-playsinline style="position:absolute;inset:0;width:100%;height:100%;background:#000"></video>';
|
|
|
|
| 197 |
var video = document.getElementById('vtv-native-video');
|
| 198 |
if (!video) return;
|
|
|
|
|
|
|
| 199 |
if (typeof Hls !== 'undefined' && Hls.isSupported()) {
|
| 200 |
_hls = new Hls({ enableWorker: false });
|
| 201 |
-
_hls.loadSource(
|
| 202 |
_hls.attachMedia(video);
|
| 203 |
_hls.on(Hls.Events.MANIFEST_PARSED, function() {
|
| 204 |
video.play().catch(function(){});
|
| 205 |
});
|
| 206 |
_hls.on(Hls.Events.ERROR, function(evt, data) {
|
| 207 |
if (data.fatal) {
|
|
|
|
| 208 |
destroyHLS();
|
| 209 |
-
video.src =
|
| 210 |
video.play().catch(function(){});
|
| 211 |
}
|
| 212 |
});
|
| 213 |
} else {
|
| 214 |
-
|
|
|
|
| 215 |
}
|
| 216 |
}
|
| 217 |
|
| 218 |
-
// =====
|
| 219 |
-
|
| 220 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 221 |
var frame = document.getElementById('vtv-pro-frame');
|
| 222 |
if (!frame) return;
|
| 223 |
-
var iframe = document.createElement('iframe');
|
| 224 |
-
iframe.src = iframeUrl;
|
| 225 |
-
iframe.setAttribute('allowfullscreen', 'true');
|
| 226 |
-
iframe.setAttribute('allow', 'autoplay; encrypted-media; fullscreen');
|
| 227 |
-
iframe.style.cssText = 'position:absolute;inset:0;width:100%;height:100%;border:none;background:#000';
|
| 228 |
-
frame.innerHTML = '';
|
| 229 |
-
frame.appendChild(iframe);
|
| 230 |
-
}
|
| 231 |
|
| 232 |
-
|
| 233 |
-
function fetchStreamData(chId, callback) {
|
| 234 |
-
if (chId.indexOf('fpt') >= 0) {
|
| 235 |
-
// FPT Play: use iframe #1 from hd1.xemtv.net page (kenh/fptplay.php)
|
| 236 |
-
callback({ iframe_url: _fptIfUrl });
|
| 237 |
-
return;
|
| 238 |
-
}
|
| 239 |
-
// All other channels: use server API
|
| 240 |
var xhr = new XMLHttpRequest();
|
| 241 |
-
xhr.open('GET', '/api/vtv/stream/' +
|
| 242 |
xhr.timeout = 15000;
|
| 243 |
xhr.onload = function() {
|
| 244 |
try {
|
| 245 |
-
|
| 246 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 247 |
};
|
| 248 |
-
xhr.onerror = xhr.ontimeout = function() { callback(null); };
|
| 249 |
xhr.send();
|
| 250 |
-
}
|
| 251 |
|
| 252 |
// ===== Switch channel =====
|
| 253 |
window._vtvProSwitch = function(chId) {
|
| 254 |
_currentCh = chId;
|
| 255 |
_nativeMode = false;
|
| 256 |
|
| 257 |
-
// Update tabs
|
| 258 |
var tabs = document.querySelectorAll('#vtv-player-section .vtv-pro-tab');
|
| 259 |
-
for (var i = 0; i < tabs.length; i++)
|
| 260 |
-
|
| 261 |
-
var isActive = (t.getAttribute('data-ch') === chId);
|
| 262 |
-
t.className = 'vtv-pro-tab' + (isActive ? ' on' : '') + (isActive && chId.indexOf('fpt') >= 0 ? ' fpt on' : '');
|
| 263 |
-
}
|
| 264 |
|
|
|
|
| 265 |
var toggleBtn = document.getElementById('vtv-pro-toggle-btn');
|
|
|
|
| 266 |
|
| 267 |
-
// Show/hide toggle button (same for all channels including FPT)
|
| 268 |
-
if (toggleBtn) {
|
| 269 |
-
toggleBtn.style.display = '';
|
| 270 |
-
toggleBtn.classList.remove('active');
|
| 271 |
-
toggleBtn.innerHTML = '\ud83d\udd0c JWPlayer';
|
| 272 |
-
}
|
| 273 |
-
|
| 274 |
-
// Loading state
|
| 275 |
-
var frame = document.getElementById('vtv-pro-frame');
|
| 276 |
-
if (frame) frame.innerHTML = '<div class="vtv-pro-load"><div class="vtv-pro-spinner"></div><span>Đang kết nối ' + chId.toUpperCase() + '...</span></div>';
|
| 277 |
-
destroyHLS();
|
| 278 |
updateClock();
|
| 279 |
-
|
| 280 |
-
|
| 281 |
-
|
| 282 |
-
// Fetch stream and load
|
| 283 |
-
fetchStreamData(chId, function(data) {
|
| 284 |
-
if (!data || !data.iframe_url) {
|
| 285 |
-
frame.innerHTML = '<div class="vtv-pro-err"><div class="icon">\ud83d\udce1</div><div class="msg">Kênh không khả dụng</div><button onclick="_vtvProSwitch(\''+chId+'\')">Thử lại</button></div>';
|
| 286 |
-
return;
|
| 287 |
-
}
|
| 288 |
-
loadIframe(data.iframe_url);
|
| 289 |
-
});
|
| 290 |
-
};
|
| 291 |
|
| 292 |
-
|
| 293 |
-
window._vtvToggleNative = function(btn) {
|
| 294 |
-
if (!_currentCh) return;
|
| 295 |
-
_nativeMode = !_nativeMode;
|
| 296 |
-
btn.classList.toggle('active', _nativeMode);
|
| 297 |
-
btn.innerHTML = _nativeMode ? '\ud83d\udce1 HLS' : '\ud83d\udd0c JWPlayer';
|
| 298 |
|
| 299 |
var frame = document.getElementById('vtv-pro-frame');
|
| 300 |
if (!frame) return;
|
|
|
|
| 301 |
|
| 302 |
-
|
| 303 |
-
|
| 304 |
-
|
| 305 |
-
|
| 306 |
-
|
| 307 |
-
|
| 308 |
-
|
| 309 |
-
|
| 310 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 311 |
}
|
| 312 |
-
}
|
| 313 |
-
|
| 314 |
-
|
| 315 |
-
|
| 316 |
-
|
| 317 |
-
xhr.onload = function() {
|
| 318 |
-
try {
|
| 319 |
-
var data = JSON.parse(xhr.responseText);
|
| 320 |
-
if (_nativeMode) {
|
| 321 |
-
var m3u8Url = data.m3u8_proxy_url || data.proxy_url_hls || data.stream_url;
|
| 322 |
-
if (m3u8Url) {
|
| 323 |
-
playNativeHLS(m3u8Url);
|
| 324 |
-
} else {
|
| 325 |
-
frame.innerHTML = '<div class="vtv-pro-err"><div class="icon">\ud83d\udce1</div><div class="msg">Kênh không hỗ trợ HLS</div></div>';
|
| 326 |
-
_nativeMode = false;
|
| 327 |
-
btn.classList.remove('active');
|
| 328 |
-
btn.innerHTML = '\ud83d\udd0c JWPlayer';
|
| 329 |
-
}
|
| 330 |
-
} else {
|
| 331 |
-
if (data.iframe_url) loadIframe(data.iframe_url);
|
| 332 |
-
}
|
| 333 |
-
} catch(e) { frame.innerHTML = '<div class="vtv-pro-err"><div class="icon">\u26a0\ufe0f</div></div>'; }
|
| 334 |
-
};
|
| 335 |
-
xhr.onerror = function() { frame.innerHTML = '<div class="vtv-pro-err"><div class="icon">\ud83d\udd0c</div><div class="msg">Lỗi kết nối</div></div>'; };
|
| 336 |
-
xhr.send();
|
| 337 |
-
}
|
| 338 |
};
|
| 339 |
|
| 340 |
// ===== HTML builder =====
|
|
@@ -342,8 +321,7 @@
|
|
| 342 |
var tabs = '';
|
| 343 |
for (var i = 0; i < CHANNELS.length; i++) {
|
| 344 |
var ch = CHANNELS[i];
|
| 345 |
-
|
| 346 |
-
tabs += '<span class="vtv-pro-tab' + (isFpt ? ' fpt' : '') + '" data-ch="'+ch.id+'" onclick="_vtvProSwitch(\''+ch.id+'\')" ' + (isFpt ? 'data-fpt="true"' : '') + '>' +
|
| 347 |
ch.name + '<span class="b">'+ch.badge+'</span></span>';
|
| 348 |
}
|
| 349 |
return '<div id="vtv-player-section">' +
|
|
@@ -358,10 +336,10 @@
|
|
| 358 |
'</div>' +
|
| 359 |
'<div class="vtv-pro-controls">' +
|
| 360 |
'<span id="vtv-pro-time" class="vtv-pro-btn" style="background:none;border:none;font-size:10px;color:#5f6368;margin-right:auto"></span>' +
|
| 361 |
-
'<span class="vtv-pro-switch" id="vtv-pro-toggle-btn" onclick="_vtvToggleNative(this)">
|
| 362 |
'</div>' +
|
| 363 |
'<div class="vtv-pro-epg">' +
|
| 364 |
-
'<div class="vtv-pro-epg-hdr"><span class="vtv-pro-epg-title">Lịch phát sóng
|
| 365 |
'<div class="vtv-pro-epg-list" id="vtv-pro-epg-body"><div class="vtv-pro-epg-empty">Chọn kênh để xem lịch phát sóng</div></div>' +
|
| 366 |
'</div>' +
|
| 367 |
'</div>';
|
|
@@ -389,4 +367,4 @@
|
|
| 389 |
else if (!document.getElementById('vtv-player-section')) setTimeout(waitAndInject, 1000);
|
| 390 |
})();
|
| 391 |
}
|
| 392 |
-
})();
|
|
|
|
| 1 |
+
// ===== VNEWS VTV Player v11 — SV2 iframe + HLS.js native player toggle =====
|
| 2 |
(function() {
|
| 3 |
if (window._vtvInitLoaded) return;
|
| 4 |
window._vtvInitLoaded = true;
|
|
|
|
| 10 |
{id:'vtv7',name:'VTV7',badge:'Giáo Dục'},{id:'vtv8',name:'VTV8',badge:'Miền Trung'},
|
| 11 |
{id:'vtv9',name:'VTV9',badge:'Miền Bắc'},{id:'vtv10',name:'VTV10',badge:'Cần Thơ'},
|
| 12 |
{id:'vtvprime',name:'VTVPrime',badge:'Prime'},
|
|
|
|
| 13 |
];
|
| 14 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 15 |
var _currentCh = null;
|
| 16 |
var _epgTimer = null;
|
| 17 |
var _epgData = [];
|
| 18 |
var _timeTimer = null;
|
| 19 |
var _serverDate = '';
|
| 20 |
+
var _nativeMode = false; // false=iframe, true=HLSjs
|
| 21 |
var _hls = null;
|
| 22 |
|
| 23 |
// ===== CSS =====
|
|
|
|
| 38 |
'#vtv-player-section .vtv-pro-tab{padding:5px 10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:8px;color:#9aa0a6;font-size:10px;font-weight:500;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s ease}',
|
| 39 |
'#vtv-player-section .vtv-pro-tab:hover{background:rgba(0,102,204,.1);border-color:rgba(0,102,204,.3);color:#e8eaed}',
|
| 40 |
'#vtv-player-section .vtv-pro-tab.on{background:rgba(0,102,204,.2);border-color:#0066cc;color:#fff;font-weight:600}',
|
|
|
|
|
|
|
| 41 |
'#vtv-player-section .vtv-pro-tab .b{font-size:7px;opacity:.5;display:block;margin-top:1px}',
|
| 42 |
'#vtv-player-section .vtv-pro-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;min-height:200px;border-top:1px solid rgba(255,255,255,.04)}',
|
| 43 |
'#vtv-player-section .vtv-pro-frame iframe{position:absolute;inset:0;width:100%!important;height:100%!important;border:none;background:#000}',
|
|
|
|
| 109 |
|
| 110 |
// ===== EPG =====
|
| 111 |
function loadEPG(chId) {
|
|
|
|
| 112 |
var epgEl = document.getElementById('vtv-pro-epg-body');
|
| 113 |
if (!epgEl) return;
|
| 114 |
epgEl.innerHTML = '<div class="vtv-pro-epg-load"><div class="vtv-pro-spinner" style="width:12px;height:12px;border-width:1.5px;flex-shrink:0"></div>Đang tải lịch...</div>';
|
|
|
|
| 149 |
var cls = 'vtv-pro-epg-row';
|
| 150 |
if (p.now) cls += ' now';
|
| 151 |
else if (p.time < nowStr) cls += ' passed';
|
| 152 |
+
var xt = p.end_time ? ' → ' + p.end_time : (i < _epgData.length - 1 ? ' → ' + _epgData[i+1].time : '');
|
| 153 |
var db = '';
|
| 154 |
if (p.date && p.date !== prevDate) { db = '<span class="d">' + p.date + '</span>'; prevDate = p.date; }
|
| 155 |
html += '<div class="' + cls + '"><span class="t">' + p.time + xt + '</span><span class="bar"></span><span class="n">' + p.title + '</span>' + db + '</div>';
|
|
|
|
| 161 |
|
| 162 |
function startEpgRefresh() {
|
| 163 |
if (_epgTimer) clearInterval(_epgTimer);
|
| 164 |
+
_epgTimer = setInterval(function() { if (_currentCh) loadEPG(_currentCh); }, 60000);
|
| 165 |
}
|
| 166 |
|
| 167 |
function updateClock() {
|
|
|
|
| 181 |
}
|
| 182 |
|
| 183 |
// ===== Play native HLS via proxy =====
|
| 184 |
+
function playNativeHLS(chId, m3u8ProxyUrl) {
|
| 185 |
destroyHLS();
|
| 186 |
var frame = document.getElementById('vtv-pro-frame');
|
| 187 |
if (!frame) return;
|
| 188 |
frame.innerHTML = '<video id="vtv-native-video" controls autoplay playsinline webkit-playsinline style="position:absolute;inset:0;width:100%;height:100%;background:#000"></video>';
|
| 189 |
+
|
| 190 |
var video = document.getElementById('vtv-native-video');
|
| 191 |
if (!video) return;
|
| 192 |
+
|
| 193 |
+
// Try HLS.js if available (injected via index_v2.html)
|
| 194 |
if (typeof Hls !== 'undefined' && Hls.isSupported()) {
|
| 195 |
_hls = new Hls({ enableWorker: false });
|
| 196 |
+
_hls.loadSource(m3u8ProxyUrl);
|
| 197 |
_hls.attachMedia(video);
|
| 198 |
_hls.on(Hls.Events.MANIFEST_PARSED, function() {
|
| 199 |
video.play().catch(function(){});
|
| 200 |
});
|
| 201 |
_hls.on(Hls.Events.ERROR, function(evt, data) {
|
| 202 |
if (data.fatal) {
|
| 203 |
+
// Fallback: direct video src
|
| 204 |
destroyHLS();
|
| 205 |
+
video.src = m3u8ProxyUrl;
|
| 206 |
video.play().catch(function(){});
|
| 207 |
}
|
| 208 |
});
|
| 209 |
} else {
|
| 210 |
+
// Native HLS fallback (Safari/iOS)
|
| 211 |
+
video.src = m3u8ProxyUrl;
|
| 212 |
}
|
| 213 |
}
|
| 214 |
|
| 215 |
+
// ===== Toggle iframe / native HLS =====
|
| 216 |
+
window._vtvToggleNative = function(btn) {
|
| 217 |
+
if (!_currentCh) return;
|
| 218 |
+
_nativeMode = !_nativeMode;
|
| 219 |
+
btn.classList.toggle('active', _nativeMode);
|
| 220 |
+
btn.innerHTML = _nativeMode ? '📡 HLS' : '🔌 JWPlayer';
|
| 221 |
+
|
| 222 |
var frame = document.getElementById('vtv-pro-frame');
|
| 223 |
if (!frame) return;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 224 |
|
| 225 |
+
// Re-fetch stream data then switch
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 226 |
var xhr = new XMLHttpRequest();
|
| 227 |
+
xhr.open('GET', '/api/vtv/stream/' + _currentCh, true);
|
| 228 |
xhr.timeout = 15000;
|
| 229 |
xhr.onload = function() {
|
| 230 |
try {
|
| 231 |
+
var data = JSON.parse(xhr.responseText);
|
| 232 |
+
if (_nativeMode) {
|
| 233 |
+
var m3u8Url = data.m3u8_proxy_url || data.proxy_url_hls || data.stream_url;
|
| 234 |
+
if (m3u8Url) {
|
| 235 |
+
playNativeHLS(_currentCh, m3u8Url);
|
| 236 |
+
} else {
|
| 237 |
+
frame.innerHTML = '<div class="vtv-pro-err"><div class="icon">📡</div><div class="msg">Kênh không hỗ trợ HLS</div></div>';
|
| 238 |
+
_nativeMode = false;
|
| 239 |
+
btn.classList.remove('active');
|
| 240 |
+
btn.innerHTML = '🔌 JWPlayer';
|
| 241 |
+
}
|
| 242 |
+
} else {
|
| 243 |
+
var iframeUrl = data.iframe_url;
|
| 244 |
+
if (iframeUrl) {
|
| 245 |
+
destroyHLS();
|
| 246 |
+
var iframe = document.createElement('iframe');
|
| 247 |
+
iframe.src = iframeUrl;
|
| 248 |
+
iframe.setAttribute('allowfullscreen', 'true');
|
| 249 |
+
iframe.setAttribute('allow', 'autoplay; encrypted-media; fullscreen');
|
| 250 |
+
iframe.style.cssText = 'position:absolute;inset:0;width:100%;height:100%;border:none;background:#000';
|
| 251 |
+
frame.innerHTML = '';
|
| 252 |
+
frame.appendChild(iframe);
|
| 253 |
+
}
|
| 254 |
+
}
|
| 255 |
+
} catch(e) {
|
| 256 |
+
frame.innerHTML = '<div class="vtv-pro-err"><div class="icon">⚠️</div></div>';
|
| 257 |
+
}
|
| 258 |
+
};
|
| 259 |
+
xhr.onerror = function() {
|
| 260 |
+
frame.innerHTML = '<div class="vtv-pro-err"><div class="icon">🔌</div><div class="msg">Lỗi kết nối</div></div>';
|
| 261 |
};
|
|
|
|
| 262 |
xhr.send();
|
| 263 |
+
};
|
| 264 |
|
| 265 |
// ===== Switch channel =====
|
| 266 |
window._vtvProSwitch = function(chId) {
|
| 267 |
_currentCh = chId;
|
| 268 |
_nativeMode = false;
|
| 269 |
|
|
|
|
| 270 |
var tabs = document.querySelectorAll('#vtv-player-section .vtv-pro-tab');
|
| 271 |
+
for (var i = 0; i < tabs.length; i++)
|
| 272 |
+
tabs[i].className = 'vtv-pro-tab' + (tabs[i].getAttribute('data-ch') === chId ? ' on' : '');
|
|
|
|
|
|
|
|
|
|
| 273 |
|
| 274 |
+
// Reset toggle button
|
| 275 |
var toggleBtn = document.getElementById('vtv-pro-toggle-btn');
|
| 276 |
+
if (toggleBtn) { toggleBtn.classList.remove('active'); toggleBtn.innerHTML = '🔌 JWPlayer'; }
|
| 277 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 278 |
updateClock();
|
| 279 |
+
if (_timeTimer) clearInterval(_timeTimer);
|
| 280 |
+
_timeTimer = setInterval(updateClock, 60000);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 281 |
|
| 282 |
+
destroyHLS();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 283 |
|
| 284 |
var frame = document.getElementById('vtv-pro-frame');
|
| 285 |
if (!frame) return;
|
| 286 |
+
frame.innerHTML = '<div class="vtv-pro-load"><div class="vtv-pro-spinner"></div><span>Đang kết nối ' + chId.toUpperCase() + '...</span></div>';
|
| 287 |
|
| 288 |
+
loadEPG(chId);
|
| 289 |
+
startEpgRefresh();
|
| 290 |
+
|
| 291 |
+
var xhr = new XMLHttpRequest();
|
| 292 |
+
xhr.open('GET', '/api/vtv/stream/' + chId, true);
|
| 293 |
+
xhr.timeout = 15000;
|
| 294 |
+
xhr.onload = function() {
|
| 295 |
+
try {
|
| 296 |
+
var data = JSON.parse(xhr.responseText);
|
| 297 |
+
var iframeUrl = data.iframe_url;
|
| 298 |
+
if (!iframeUrl) {
|
| 299 |
+
frame.innerHTML = '<div class="vtv-pro-err"><div class="icon">📡</div><div class="msg">Kênh không khả dụng</div><button onclick="_vtvProSwitch(\''+chId+'\')">Thử lại</button></div>';
|
| 300 |
+
return;
|
| 301 |
+
}
|
| 302 |
+
var iframe = document.createElement('iframe');
|
| 303 |
+
iframe.src = iframeUrl;
|
| 304 |
+
iframe.setAttribute('allowfullscreen', 'true');
|
| 305 |
+
iframe.setAttribute('allow', 'autoplay; encrypted-media; fullscreen');
|
| 306 |
+
iframe.style.cssText = 'position:absolute;inset:0;width:100%;height:100%;border:none;background:#000';
|
| 307 |
+
frame.innerHTML = '';
|
| 308 |
+
frame.appendChild(iframe);
|
| 309 |
+
} catch(e) {
|
| 310 |
+
frame.innerHTML = '<div class="vtv-pro-err"><div class="icon">⚠️</div><div class="msg">Lỗi tải dữ liệu</div><button onclick="_vtvProSwitch(\''+chId+'\')">Thử lại</button></div>';
|
| 311 |
}
|
| 312 |
+
};
|
| 313 |
+
xhr.onerror = xhr.ontimeout = function() {
|
| 314 |
+
frame.innerHTML = '<div class="vtv-pro-err"><div class="icon">🔌</div><div class="msg">Mất kết nối máy chủ</div><button onclick="_vtvProSwitch(\''+chId+'\')">Thử lại</button></div>';
|
| 315 |
+
};
|
| 316 |
+
xhr.send();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 317 |
};
|
| 318 |
|
| 319 |
// ===== HTML builder =====
|
|
|
|
| 321 |
var tabs = '';
|
| 322 |
for (var i = 0; i < CHANNELS.length; i++) {
|
| 323 |
var ch = CHANNELS[i];
|
| 324 |
+
tabs += '<span class="vtv-pro-tab" data-ch="'+ch.id+'" onclick="_vtvProSwitch(\''+ch.id+'\')">' +
|
|
|
|
| 325 |
ch.name + '<span class="b">'+ch.badge+'</span></span>';
|
| 326 |
}
|
| 327 |
return '<div id="vtv-player-section">' +
|
|
|
|
| 336 |
'</div>' +
|
| 337 |
'<div class="vtv-pro-controls">' +
|
| 338 |
'<span id="vtv-pro-time" class="vtv-pro-btn" style="background:none;border:none;font-size:10px;color:#5f6368;margin-right:auto"></span>' +
|
| 339 |
+
'<span class="vtv-pro-switch" id="vtv-pro-toggle-btn" onclick="_vtvToggleNative(this)">🔌 JWPlayer</span>' +
|
| 340 |
'</div>' +
|
| 341 |
'<div class="vtv-pro-epg">' +
|
| 342 |
+
'<div class="vtv-pro-epg-hdr"><span class="vtv-pro-epg-title">Lịch phát sóng — nguồn VTV.vn</span></div>' +
|
| 343 |
'<div class="vtv-pro-epg-list" id="vtv-pro-epg-body"><div class="vtv-pro-epg-empty">Chọn kênh để xem lịch phát sóng</div></div>' +
|
| 344 |
'</div>' +
|
| 345 |
'</div>';
|
|
|
|
| 367 |
else if (!document.getElementById('vtv-player-section')) setTimeout(waitAndInject, 1000);
|
| 368 |
})();
|
| 369 |
}
|
| 370 |
+
})();
|
static/yt_live.js
CHANGED
|
@@ -1,13 +1,175 @@
|
|
| 1 |
-
// ===
|
| 2 |
-
//
|
| 3 |
-
//
|
| 4 |
-
//
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
if
|
| 8 |
-
window.
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
// === VNEWS — VTV LIVE + Inline Recorder v9 ===
|
| 2 |
+
// Features: PiP, mini-player, INLINE RECORDER, VTVGO POPUP players for each channel
|
| 3 |
+
// FIX v10: Correct VTVGO popup URLs for all channels + World Cup 2026 TS stream links
|
| 4 |
+
// FIX v11: Allow clicking off tabs (always clickable), better stream status handling
|
| 5 |
+
|
| 6 |
+
(function(){
|
| 7 |
+
if(window._ytLiveLoaded) return;
|
| 8 |
+
window._ytLiveLoaded = true;
|
| 9 |
+
|
| 10 |
+
const CHANNELS = [
|
| 11 |
+
{id:'vtv1',name:'VTV1',badge:'Tin tức'},{id:'vtv2',name:'VTV2',badge:'Khoa học'},
|
| 12 |
+
{id:'vtv3',name:'VTV3',badge:'Giải trí'},{id:'vtv4',name:'VTV4',badge:'Quốc tế'},
|
| 13 |
+
{id:'vtv5',name:'VTV5',badge:'Miền Nam'},{id:'vtv6',name:'VTV6',badge:'Thanh niên'},
|
| 14 |
+
{id:'vtv7',name:'VTV7',badge:'Giáo dục'},{id:'vtv8',name:'VTV8',badge:'Miền Trung'},
|
| 15 |
+
{id:'vtv9',name:'VTV9',badge:'Miền Bắc'},{id:'vtv10',name:'VTV10',badge:'Cần Thơ'},
|
| 16 |
+
{id:'vtvprime',name:'VTVPrime',badge:'Prime'},
|
| 17 |
+
];
|
| 18 |
+
|
| 19 |
+
// VTVGO popup URLs for each channel (FIXED v10 - verified correct URLs)
|
| 20 |
+
const VTV_POPUP_URLS = {
|
| 21 |
+
vtv1: 'https://package.vtvgo.vn/channel/vtv1-1,1.html',
|
| 22 |
+
vtv2: 'https://package.vtvgo.vn/channel/vtv2-1,2.html',
|
| 23 |
+
vtv3: 'https://package.vtvgo.vn/channel/vtv3-1,3.html',
|
| 24 |
+
vtv4: 'https://package.vtvgo.vn/channel/vtv4-1,4.html',
|
| 25 |
+
vtv5: 'https://package.vtvgo.vn/channel/vtv5-1,5.html',
|
| 26 |
+
vtv6: 'https://package.vtvgo.vn/channel/vtv6-1,13.html',
|
| 27 |
+
vtv7: 'https://package.vtvgo.vn/channel/vtv7-1,27.html',
|
| 28 |
+
vtv8: 'https://package.vtvgo.vn/channel/vtv8-1,36.html',
|
| 29 |
+
vtv9: 'https://package.vtvgo.vn/channel/vtv9-1,39.html',
|
| 30 |
+
vtv10: 'https://package.vtvgo.vn/channel/vtv10-1,6.html',
|
| 31 |
+
};
|
| 32 |
+
|
| 33 |
+
const DEFAULT_CHANNEL = 'vtv3';
|
| 34 |
+
const NEEDS_PROXY = /fptplay\.net|vtvgo\.vn/;
|
| 35 |
+
const STREAMS = {};
|
| 36 |
+
let _currentCh = null, _hls = null, _loading = false, _blockInserted = false;
|
| 37 |
+
let _streamsLoaded = false, _pipActive = false, _miniActive = false, _vtvPinned = false, _vtvPopupActive = false;
|
| 38 |
+
|
| 39 |
+
// ===== RECORDER STATE =====
|
| 40 |
+
const _rec = {
|
| 41 |
+
active: false, startTime: null, endTime: null,
|
| 42 |
+
isRecording: false, recorder: null, chunks: [], blob: null,
|
| 43 |
+
ratio: 'original', _dragMarker: null, _recTimer: null,
|
| 44 |
+
};
|
| 45 |
+
|
| 46 |
+
// ===== STYLES =====
|
| 47 |
+
const style = document.createElement('style');
|
| 48 |
+
style.textContent = `
|
| 49 |
+
.vtv-wrap{position:relative;margin:6px 4px;background:#111;border:1px solid #0066cc;border-radius:10px;overflow:hidden}
|
| 50 |
+
.vtv-head{display:flex;align-items:center;gap:8px;padding:8px 10px;background:linear-gradient(90deg,#003366,#1a1a1a)}
|
| 51 |
+
.vtv-title{font-size:13px;font-weight:800;color:#00ccff}
|
| 52 |
+
.vtv-badge{font-size:10px;font-weight:800;color:#00ccff;animation:vtvp 1.3s infinite}
|
| 53 |
+
@keyframes vtvp{0%,100%{opacity:1}50%{opacity:.3}}
|
| 54 |
+
.vtv-tabs{display:flex;flex-wrap:wrap;gap:3px;padding:6px 8px;overflow-x:auto;scrollbar-width:none;background:#0d1a2a}
|
| 55 |
+
.vtv-tabs::-webkit-scrollbar{display:none}
|
| 56 |
+
.vtv-tab{padding:4px 8px;background:#1a2a3a;border:1px solid #2a3a4a;border-radius:10px;color:#8ab4d8;font-size:9px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s}
|
| 57 |
+
.vtv-tab:hover{background:#0b4a7a;color:#fff}
|
| 58 |
+
.vtv-tab.on{background:#0066cc;border-color:#00ccff;color:#fff;font-weight:700}
|
| 59 |
+
.vtv-tab.off{opacity:.35}
|
| 60 |
+
.vtv-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;min-height:180px}
|
| 61 |
+
.vtv-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
|
| 62 |
+
.vtv-err{display:flex;align-items:center;justify-content:center;height:180px;color:#888;font-size:12px;text-align:center;padding:20px;flex-direction:column;gap:8px}
|
| 63 |
+
.vtv-err button{background:#0066cc;border:none;color:#fff;padding:6px 14px;border-radius:8px;font-size:11px;cursor:pointer}
|
| 64 |
+
.vtv-load{display:flex;align-items:center;justify-content:center;height:180px;color:#00ccff;font-size:12px;flex-direction:column;gap:8px}
|
| 65 |
+
.vtv-spinner{width:24px;height:24px;border:2px solid #333;border-top-color:#00ccff;border-radius:50%;animation:vtvspin .8s linear infinite}
|
| 66 |
+
@keyframes vtvspin{to{transform:rotate(360deg)}}
|
| 67 |
+
.vtv-controls{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#0d1a2a;border-top:1px solid #1a2a3a}
|
| 68 |
+
.vtv-pip-btn{background:#1a2a3a;border:1px solid #2a3a4a;color:#8ab4d8;font-size:9px;padding:3px 8px;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}
|
| 69 |
+
.vtv-pip-btn:hover{background:#0b4a7a;color:#fff}
|
| 70 |
+
.vtv-pip-btn.on{background:#0066cc;border-color:#00ccff;color:#fff}
|
| 71 |
+
.vtv-pip-btn svg{width:12px;height:12px;fill:currentColor}
|
| 72 |
+
.vtv-epg{margin:0;padding:6px 10px;background:#0a1628;border-top:1px solid #1a2a3a}
|
| 73 |
+
.vtv-epg-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
|
| 74 |
+
.vtv-epg-title{font-size:10px;font-weight:700;color:#00ccff}
|
| 75 |
+
.vtv-epg-toggle{background:none;border:1px solid #2a3a4a;color:#8ab4d8;font-size:9px;padding:2px 8px;border-radius:6px;cursor:pointer}
|
| 76 |
+
.vtv-epg-list{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
|
| 77 |
+
.vtv-epg-list::-webkit-scrollbar{display:none}
|
| 78 |
+
.vtv-epg-item{flex:0 0 auto;padding:3px 6px;background:#1a2a3a;border-radius:4px;font-size:8px;color:#8ab4d8;white-space:nowrap;cursor:pointer}
|
| 79 |
+
.vtv-epg-item:hover{background:#2a4a6a}
|
| 80 |
+
.vtv-epg-item.now{background:#0066cc;color:#fff;font-weight:700}
|
| 81 |
+
.vtv-epg-item .t{font-size:7px;color:#6a8aaa}
|
| 82 |
+
.vtv-epg-item.now .t{color:#aaccee}
|
| 83 |
+
.vtv-epg-item .n{color:#ccc;font-size:8px}
|
| 84 |
+
.vtv-epg-item.now .n{color:#fff}
|
| 85 |
+
.vtv-epg-empty{color:#666;font-size:9px;padding:4px}
|
| 86 |
+
.vtv-epg-loading{color:#00ccff;font-size:9px;padding:4px;display:flex;align-items:center;gap:6px}
|
| 87 |
+
.vtv-epg-sp{width:10px;height:10px;border:1px solid #333;border-top-color:#00ccff;border-radius:50%;animation:vtvspin .8s linear infinite}
|
| 88 |
+
.vtv-pin-btn{position:absolute;top:6px;right:8px;z-index:5;background:rgba(0,0,0,.5);border:1px solid #2a3a4a;color:#8ab4d8;font-size:9px;padding:2px 6px;border-radius:4px;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:3px}
|
| 89 |
+
.vtv-pin-btn:hover{background:#0b4a7a;color:#fff}
|
| 90 |
+
.vtv-pin-btn.pinned{background:#0066cc;border-color:#00ccff;color:#fff}
|
| 91 |
+
.vtv-wrap.vtv-sticky{position:sticky;top:0;z-index:48;transition:all .25s ease;box-shadow:0 4px 24px rgba(0,102,204,.35)}
|
| 92 |
+
.vtv-wrap.vtv-sticky .vtv-epg{display:none}
|
| 93 |
+
.vtv-wrap.vtv-sticky .vtv-controls{display:none}
|
| 94 |
+
.vtv-wrap.vtv-sticky .vtv-tabs{padding:3px 8px}
|
| 95 |
+
.vtv-wrap.vtv-sticky .vtv-tab{padding:3px 7px;font-size:8px}
|
| 96 |
+
.vtv-wrap.vtv-sticky .vtv-frame{max-height:140px;min-height:100px}
|
| 97 |
+
.vtv-wrap.vtv-sticky .vtv-frame video{max-height:140px}
|
| 98 |
+
.vtv-wrap.vtv-sticky .vtv-load{height:100px}
|
| 99 |
+
.vtv-wrap.vtv-sticky .vtv-err{height:100px}
|
| 100 |
+
.vtv-wrap.vtv-sticky .vtv-head{padding:5px 10px}
|
| 101 |
+
.vtv-wrap.vtv-sticky .vtv-title{font-size:11px}
|
| 102 |
+
.vtv-wrap.vtv-sticky .vtv-badge{font-size:8px}
|
| 103 |
+
.vtv-wrap.vtv-sticky .vtv-pin-btn{top:4px;right:6px}
|
| 104 |
+
.vtv-rec-btn{background:#660000;border:1px solid #990000;color:#ff6666;font-size:9px;padding:3px 8px;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px;font-weight:700}
|
| 105 |
+
.vtv-rec-btn:hover{background:#990000;color:#fff}
|
| 106 |
+
.vtv-rec-btn.recording{background:#cc0000;border-color:#ff0000;color:#fff;animation:vtv-rec-pulse 1s infinite}
|
| 107 |
+
@keyframes vtv-rec-pulse{0%,100%{opacity:1}50%{opacity:.5}}
|
| 108 |
+
.vtv-rec-btn svg{width:12px;height:12px;fill:currentColor}
|
| 109 |
+
.vtv-inline-rec{display:none;padding:8px 10px;background:#0a0a1a;border-top:1px solid #1a1a3a}
|
| 110 |
+
.vtv-inline-rec.show{display:block}
|
| 111 |
+
.vtv-inline-rec .rec-bar{position:relative;height:32px;background:#000;border-radius:4px;overflow:hidden;cursor:pointer;border:1px solid #2a2a4a;margin-bottom:6px;user-select:none}
|
| 112 |
+
.vtv-inline-rec .rec-bar .rec-progress{position:absolute;top:0;bottom:0;background:rgba(155,89,182,.3);left:0;width:0%;pointer-events:none}
|
| 113 |
+
.vtv-inline-rec .rec-bar .rec-marker{position:absolute;top:0;bottom:0;width:4px;z-index:2;border-radius:2px}
|
| 114 |
+
.vtv-inline-rec .rec-bar .rec-marker.s{background:#2ecc71}
|
| 115 |
+
.vtv-inline-rec .rec-bar .rec-marker.e{background:#e74c3c}
|
| 116 |
+
.vtv-inline-rec .rec-time{display:flex;justify-content:space-between;font-size:9px;color:#888;margin-bottom:6px}
|
| 117 |
+
.vtv-inline-rec .rec-controls{display:flex;gap:4px}
|
| 118 |
+
.vtv-inline-rec .rec-controls button{flex:1;padding:6px;border:none;border-radius:6px;font-size:10px;font-weight:700;cursor:pointer}
|
| 119 |
+
.vtv-inline-rec .rec-controls .rec-set-start{background:#1a3a1a;border:1px solid #2d6a2d;color:#5cb87a}
|
| 120 |
+
.vtv-inline-rec .rec-controls .rec-set-end{background:#3a1a1a;border:1px solid #6a2d2d;color:#e74c3c}
|
| 121 |
+
.vtv-inline-rec .rec-controls .rec-go{background:#1a0a3a;border:1px solid #3a2a6a;color:#9b59b6}
|
| 122 |
+
.vtv-inline-rec .rec-controls .rec-reset{background:#222;border:1px solid #333;color:#888}
|
| 123 |
+
.vtv-inline-rec .rec-hint{font-size:9px;color:#666;text-align:center;margin-top:4px}
|
| 124 |
+
.vtv-inline-rec .rec-status{font-size:10px;color:#888;text-align:center;padding:4px;margin-top:4px;background:#111;border-radius:4px}
|
| 125 |
+
.vtv-inline-rec .rec-status.ok{color:#2ecc71}
|
| 126 |
+
.vtv-inline-rec .rec-status.err{color:#e74c3c}
|
| 127 |
+
.vtv-inline-rec .rec-status.recording{color:#e74c3c;animation:vtv-rec-pulse 1s infinite}
|
| 128 |
+
.vtv-rec-panel{display:none;padding:10px;background:#0d0d20;border-top:1px solid #2a1a4a}
|
| 129 |
+
.vtv-rec-panel.show{display:block}
|
| 130 |
+
.vtv-rec-panel .rec-panel-title{font-size:11px;font-weight:700;color:#9b59b6;margin-bottom:8px}
|
| 131 |
+
.vtv-rec-panel .rec-preview-wrap{margin-bottom:8px;text-align:center}
|
| 132 |
+
.vtv-rec-panel .rec-preview-wrap video{max-width:100%;max-height:180px;border-radius:6px;background:#000}
|
| 133 |
+
.vtv-rec-panel .rec-ratio-row{display:flex;gap:4px;margin-bottom:8px}
|
| 134 |
+
.vtv-rec-panel .rec-ratio-row button{flex:1;padding:6px;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:6px;color:#888;font-size:10px;cursor:pointer}
|
| 135 |
+
.vtv-rec-panel .rec-ratio-row button.active{border-color:#9b59b6;color:#9b59b6;background:#2a1a4a}
|
| 136 |
+
.vtv-rec-panel .rec-actions{display:flex;gap:4px}
|
| 137 |
+
.vtv-rec-panel .rec-actions button{flex:1;padding:8px;border:none;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer}
|
| 138 |
+
.vtv-rec-panel .rec-actions .rec-download{background:#2d8659;color:#fff}
|
| 139 |
+
.vtv-rec-panel .rec-actions .rec-share{background:#9b59b6;color:#fff}
|
| 140 |
+
.vtv-rec-panel .rec-proc{text-align:center;padding:12px;color:#9b59b6;font-size:12px;display:none}
|
| 141 |
+
.vtv-rec-panel .rec-title-input{width:100%;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:6px;padding:8px;color:#ccc;font-size:11px;margin-bottom:8px;box-sizing:border-box}
|
| 142 |
+
.vtv-rec-panel .rec-title-input:focus{border-color:#9b59b6;outline:none}
|
| 143 |
+
.vtv-rec-panel .rec-ai-title-row{display:flex;gap:4px;margin-bottom:8px}
|
| 144 |
+
.vtv-rec-panel .rec-ai-title-row button{flex:1;padding:6px;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:6px;color:#888;font-size:10px;cursor:pointer}
|
| 145 |
+
.vtv-rec-panel .rec-ai-title-row button:hover{border-color:#9b59b6;color:#9b59b6}
|
| 146 |
+
.vtv-rec-panel .rec-ai-title-row button:disabled{opacity:.4;cursor:not-allowed}
|
| 147 |
+
.vtv-mini{position:fixed;top:0;left:0;right:0;z-index:99990;background:#000;border-bottom:2px solid #0066cc;box-shadow:0 4px 20px rgba(0,102,204,.4);display:none;transition:transform .3s ease}
|
| 148 |
+
.vtv-mini.show{display:block}
|
| 149 |
+
.vtv-mini.hidden{transform:translateY(-88%)}
|
| 150 |
+
.vtv-mini-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;max-height:180px}
|
| 151 |
+
.vtv-mini-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
|
| 152 |
+
.vtv-mini-bar{display:flex;align-items:center;justify-content:space-between;padding:3px 8px;background:linear-gradient(90deg,#003366,#1a1a1a)}
|
| 153 |
+
.vtv-mini-ch{font-size:10px;font-weight:700;color:#00ccff}
|
| 154 |
+
.vtv-mini-epg{font-size:9px;color:#8ab4d8;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:8px}
|
| 155 |
+
.vtv-mini-btns{display:flex;gap:3px}
|
| 156 |
+
.vtv-mini-btn{background:#1a2a3a;border:1px solid #2a3a4a;color:#8ab4d8;font-size:9px;padding:2px 6px;border-radius:4px;cursor:pointer}
|
| 157 |
+
.vtv-mini-btn:hover{background:#0b4a7a;color:#fff}
|
| 158 |
+
.vtv-mini-btn.x{background:#600;border-color:#900;color:#f66}
|
| 159 |
+
.vtv-mini-btn.x:hover{background:#900;color:#fff}
|
| 160 |
+
.vtv-mini-peek{position:absolute;bottom:-18px;right:10px;background:#0066cc;color:#fff;font-size:9px;padding:2px 8px;border-radius:0 0 6px 6px;cursor:pointer;display:none}
|
| 161 |
+
.vtv-mini.hidden .vtv-mini-peek{display:block}
|
| 162 |
+
.vtv-popup{position:fixed;top:0;left:0;right:0;margin:8px auto 0;background:rgba(0,0,0,.95);z-index:99999;display:none;flex-direction:column;max-height:calc(100vh - 16px);max-width:800px;border-radius:12px;overflow:hidden}
|
| 163 |
+
.vtv-popup.show{display:flex}
|
| 164 |
+
.vtv-popup:has(#vtv-popup-hdr[style*="none"]) .vtv-popup-frame{height:100%}
|
| 165 |
+
.vtv-popup-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#111;border-bottom:1px solid #333}
|
| 166 |
+
.vtv-popup-title{font-size:14px;font-weight:700;color:#00ccff}
|
| 167 |
+
.vtv-popup-close{background:#333;border:none;color:#fff;font-size:18px;width:32px;height:32px;border-radius:6px;cursor:pointer}
|
| 168 |
+
.vtv-popup-frame{flex:1;position:relative;background:#000;min-height:300px}
|
| 169 |
+
.vtv-popup-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:none}
|
| 170 |
+
.vtv-popup-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:none}
|
| 171 |
+
.vtv-popup-loader{display:flex;align-items:center;justify-content:center;height:280px;color:#00ccff;font-size:12px;flex-direction:column;gap:8px}
|
| 172 |
+
.vtv-popup-btn{background:#1a2a3a;border:1px solid #2a3a4a;color:#8ab4d8;font-size:9px;padding:3px 8px;border-radius:6px;cursor:pointer;margin-left:4px}
|
| 173 |
+
.vtv-popup-btn:hover{background:#0b4a7a;color:#fff}
|
| 174 |
+
`;
|
| 175 |
+
document.head.appendChild(style);
|
vtv_api.py
CHANGED
|
@@ -1,4 +1,4 @@
|
|
| 1 |
-
# VTV Stream — SV2/sv.xemtivitop iframe URLs + M3U fallback + EPG
|
| 2 |
import re, time, threading, json, requests
|
| 3 |
from fastapi import APIRouter, Query
|
| 4 |
from fastapi.responses import JSONResponse, Response, StreamingResponse
|
|
@@ -21,6 +21,8 @@ HARDCODED_URLS = {
|
|
| 21 |
CHANNEL_URLS = {k: (HARDCODED_URLS[k] if k in HARDCODED_URLS else None) for k in ["vtv1","vtv2","vtv3","vtv4","vtv5","vtv6","vtv7","vtv8","vtv9","vtv10"]}
|
| 22 |
CHANNEL_NAMES = {"vtv1":"VTV1","vtv2":"VTV2","vtv3":"VTV3","vtv4":"VTV4","vtv5":"VTV5","vtv6":"VTV6","vtv7":"VTV7","vtv8":"VTV8","vtv9":"VTV9","vtv10":"VTV10","vtvprime":"VTVPrime"}
|
| 23 |
|
|
|
|
|
|
|
| 24 |
IFRAME_URLS = {
|
| 25 |
"vtv1": "https://sv2.xemtivitop.com/live/hot/vtv1.php",
|
| 26 |
"vtv2": "https://sv2.xemtivitop.com/live/hot/vtv2.php",
|
|
@@ -28,29 +30,20 @@ IFRAME_URLS = {
|
|
| 28 |
"vtv4": "https://sv2.xemtivitop.com/live/hot/vtv4.php",
|
| 29 |
"vtv5": "https://sv2.xemtivitop.com/live/hot/vtv5.php",
|
| 30 |
"vtv6": "https://sv2.xemtivitop.com/live/hot/vtv6.php",
|
|
|
|
| 31 |
"vtv7": "https://sv.xemtivitop.com/live/vtv/vtv7.php",
|
| 32 |
"vtv8": "https://sv2.xemtivitop.com/live/hot/vtv8.php",
|
| 33 |
"vtv9": "https://sv2.xemtivitop.com/live/hot/vtv9.php",
|
| 34 |
"vtv10": "https://sv2.xemtivitop.com/live/hot/vtv10.php",
|
| 35 |
}
|
| 36 |
|
| 37 |
-
|
| 38 |
-
|
| 39 |
-
"
|
| 40 |
-
|
| 41 |
-
|
| 42 |
-
|
| 43 |
-
"fpt-the-thao": {
|
| 44 |
-
"label": "FPT Play Thể Thao",
|
| 45 |
-
"streams": [
|
| 46 |
-
{"label":"📡 IPTV Primary","url":"https://live.fptplay53.net/epzhd1/htvcthethao_mhls.smil/master.m3u8","type":"m3u8"},
|
| 47 |
-
{"label":"📡 IPTV Fallback","url":"https://live.fptplay53.net/epzhd1/htvcthethao_vhls.smil/chunklist.m3u8","type":"m3u8"},
|
| 48 |
-
{"label":"🔗 hd1.xemtv.net","url":"https://hd1.xemtv.net/kenh-fptplay-truc-tuyen-the-thao.html","type":"iframe","allow":"autoplay; encrypted-media; fullscreen"},
|
| 49 |
-
],
|
| 50 |
-
},
|
| 51 |
-
}
|
| 52 |
|
| 53 |
-
M3U_URLS = ["https://raw.githubusercontent.com/Love4vn/Test/refs/heads/main/IPTV.m3u", "https://raw.githubusercontent.com/Love4vn/love4vn/main/Out_Iptv_CXT.m3u", "https://raw.githubusercontent.com/konanda-sg/Test_Love4vn/main/IPTV.m3u", "https://raw.githubusercontent.com/iptv-org/iptv/master/streams/vn.m3u"]
|
| 54 |
_channel_urls_lock = threading.Lock()
|
| 55 |
_last_m3u_fetch = 0
|
| 56 |
_M3U_TTL = 900
|
|
@@ -100,6 +93,8 @@ def get_channel_url(channel_id):
|
|
| 100 |
_fetch_m3u()
|
| 101 |
with _channel_urls_lock: return CHANNEL_URLS.get(channel_id)
|
| 102 |
|
|
|
|
|
|
|
| 103 |
@router.get("/api/vtv/streams")
|
| 104 |
def api_vtv_streams():
|
| 105 |
urls = dict(CHANNEL_URLS)
|
|
@@ -108,29 +103,37 @@ def api_vtv_streams():
|
|
| 108 |
stream_url = urls.get(ch_id)
|
| 109 |
iframe_url = IFRAME_URLS.get(ch_id)
|
| 110 |
is_flv = stream_url and ".flv" in stream_url
|
| 111 |
-
result[ch_id] = {
|
| 112 |
-
|
| 113 |
-
|
| 114 |
-
|
| 115 |
-
|
| 116 |
-
|
|
|
|
|
|
|
|
|
|
| 117 |
return JSONResponse(result)
|
| 118 |
|
| 119 |
@router.get("/api/vtv/stream/{channel_id}")
|
| 120 |
def api_vtv_stream(channel_id: str):
|
| 121 |
channel_id = channel_id.lower().strip()
|
| 122 |
-
# Check FPT Play FIRST
|
| 123 |
-
if channel_id in FPT_PLAY_STREAM_SELECTORS:
|
| 124 |
-
streams = FPT_PLAY_STREAM_SELECTORS[channel_id]["streams"]
|
| 125 |
-
primary = streams[0]["url"] if streams else ""
|
| 126 |
-
return JSONResponse({"name": FPT_PLAY_STREAM_SELECTORS[channel_id]["label"], "stream_url": primary, "m3u8_proxy_url": f"/api/proxy/m3u8?url={quote(primary, safe='')}" if primary else "", "iframe_url": FPT_PLAY_IFRAMES.get(channel_id), "stream_selectors": FPT_PLAY_STREAM_SELECTORS[channel_id], "is_fpt_play": True, "status": "ok"})
|
| 127 |
if channel_id not in CHANNEL_NAMES: return JSONResponse({"error":"not found"}, status_code=404)
|
| 128 |
stream_url = get_channel_url(channel_id)
|
| 129 |
iframe_url = IFRAME_URLS.get(channel_id)
|
| 130 |
is_flv = stream_url and ".flv" in stream_url
|
| 131 |
m3u8_proxy = ""
|
| 132 |
-
if stream_url and not is_flv and stream_url.startswith("http"):
|
| 133 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 134 |
|
| 135 |
@router.get("/api/vtv/m3u/refresh")
|
| 136 |
def api_vtv_m3u_refresh():
|
|
@@ -141,6 +144,7 @@ def api_vtv_m3u_refresh():
|
|
| 141 |
found = sum(1 for v in urls.values() if v)
|
| 142 |
return JSONResponse({"status":"refreshed","channels_found":found,"channels":{k:v for k,v in urls.items() if v}})
|
| 143 |
|
|
|
|
| 144 |
_epg_cache = {}; _epg_cache_time = 0; _EPG_CACHE_TTL = 600
|
| 145 |
VTV_CHANNEL_MAP = {"vtv1":"vtv1","vtv2":"vtv2","vtv3":"vtv3","vtv4":"vtv4","vtv5":"vtv5","vtv5-tay-nam-bo":"vtv5","vtv5-tay-nguyen":"vtv5","vtv6":"vtv6","vtv7":"vtv7","vtv8":"vtv8","vtv9":"vtv9","vtv-can-tho":"vtv10"}
|
| 146 |
|
|
@@ -220,4 +224,4 @@ def api_vtv_epg_refresh():
|
|
| 220 |
global _epg_cache, _epg_cache_time
|
| 221 |
_epg_cache = {}; _epg_cache_time = 0
|
| 222 |
epg_data = _fetch_epg_from_vtv()
|
| 223 |
-
return JSONResponse({"status":"refreshed","channels":len(epg_data),"total":sum(len(v) for v in epg_data.values())})
|
|
|
|
| 1 |
+
# VTV Stream — SV2/sv.xemtivitop iframe URLs + M3U fallback + EPG
|
| 2 |
import re, time, threading, json, requests
|
| 3 |
from fastapi import APIRouter, Query
|
| 4 |
from fastapi.responses import JSONResponse, Response, StreamingResponse
|
|
|
|
| 21 |
CHANNEL_URLS = {k: (HARDCODED_URLS[k] if k in HARDCODED_URLS else None) for k in ["vtv1","vtv2","vtv3","vtv4","vtv5","vtv6","vtv7","vtv8","vtv9","vtv10"]}
|
| 22 |
CHANNEL_NAMES = {"vtv1":"VTV1","vtv2":"VTV2","vtv3":"VTV3","vtv4":"VTV4","vtv5":"VTV5","vtv6":"VTV6","vtv7":"VTV7","vtv8":"VTV8","vtv9":"VTV9","vtv10":"VTV10","vtvprime":"VTVPrime"}
|
| 23 |
|
| 24 |
+
# Iframe URLs cho từng kênh — lấy từ xemtivitop.com
|
| 25 |
+
# Với VTV7: LINK 1 = blogspot (lỗi), LINK 2 = sv.xemtivitop.com (JWPlayer, hoạt động)
|
| 26 |
IFRAME_URLS = {
|
| 27 |
"vtv1": "https://sv2.xemtivitop.com/live/hot/vtv1.php",
|
| 28 |
"vtv2": "https://sv2.xemtivitop.com/live/hot/vtv2.php",
|
|
|
|
| 30 |
"vtv4": "https://sv2.xemtivitop.com/live/hot/vtv4.php",
|
| 31 |
"vtv5": "https://sv2.xemtivitop.com/live/hot/vtv5.php",
|
| 32 |
"vtv6": "https://sv2.xemtivitop.com/live/hot/vtv6.php",
|
| 33 |
+
# VTV7: LINK 2 trên xemtivitop.com — sv.xemtivitop.com (ko phải sv2), JWPlayer, cho phép iframe
|
| 34 |
"vtv7": "https://sv.xemtivitop.com/live/vtv/vtv7.php",
|
| 35 |
"vtv8": "https://sv2.xemtivitop.com/live/hot/vtv8.php",
|
| 36 |
"vtv9": "https://sv2.xemtivitop.com/live/hot/vtv9.php",
|
| 37 |
"vtv10": "https://sv2.xemtivitop.com/live/hot/vtv10.php",
|
| 38 |
}
|
| 39 |
|
| 40 |
+
M3U_URLS = [
|
| 41 |
+
"https://raw.githubusercontent.com/Love4vn/Test/refs/heads/main/IPTV.m3u",
|
| 42 |
+
"https://raw.githubusercontent.com/Love4vn/love4vn/main/Out_Iptv_CXT.m3u",
|
| 43 |
+
"https://raw.githubusercontent.com/konanda-sg/Test_Love4vn/main/IPTV.m3u",
|
| 44 |
+
"https://raw.githubusercontent.com/iptv-org/iptv/master/streams/vn.m3u",
|
| 45 |
+
]
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 46 |
|
|
|
|
| 47 |
_channel_urls_lock = threading.Lock()
|
| 48 |
_last_m3u_fetch = 0
|
| 49 |
_M3U_TTL = 900
|
|
|
|
| 93 |
_fetch_m3u()
|
| 94 |
with _channel_urls_lock: return CHANNEL_URLS.get(channel_id)
|
| 95 |
|
| 96 |
+
# ===================== API ENDPOINTS =====================
|
| 97 |
+
|
| 98 |
@router.get("/api/vtv/streams")
|
| 99 |
def api_vtv_streams():
|
| 100 |
urls = dict(CHANNEL_URLS)
|
|
|
|
| 103 |
stream_url = urls.get(ch_id)
|
| 104 |
iframe_url = IFRAME_URLS.get(ch_id)
|
| 105 |
is_flv = stream_url and ".flv" in stream_url
|
| 106 |
+
result[ch_id] = {
|
| 107 |
+
"name": CHANNEL_NAMES[ch_id],
|
| 108 |
+
"stream_url": stream_url,
|
| 109 |
+
"proxy_url": f"/api/proxy/flv?url={quote(stream_url, safe='')}" if stream_url and is_flv else "",
|
| 110 |
+
"proxy_url_hls": f"/api/proxy/stream?url={quote(stream_url, safe='')}" if stream_url and not is_flv else "",
|
| 111 |
+
"is_flv": is_flv,
|
| 112 |
+
"iframe_url": iframe_url,
|
| 113 |
+
"status": "ok"
|
| 114 |
+
}
|
| 115 |
return JSONResponse(result)
|
| 116 |
|
| 117 |
@router.get("/api/vtv/stream/{channel_id}")
|
| 118 |
def api_vtv_stream(channel_id: str):
|
| 119 |
channel_id = channel_id.lower().strip()
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 120 |
if channel_id not in CHANNEL_NAMES: return JSONResponse({"error":"not found"}, status_code=404)
|
| 121 |
stream_url = get_channel_url(channel_id)
|
| 122 |
iframe_url = IFRAME_URLS.get(channel_id)
|
| 123 |
is_flv = stream_url and ".flv" in stream_url
|
| 124 |
m3u8_proxy = ""
|
| 125 |
+
if stream_url and not is_flv and stream_url.startswith("http"):
|
| 126 |
+
m3u8_proxy = f"/api/proxy/m3u8?url={quote(stream_url, safe='')}"
|
| 127 |
+
return JSONResponse({
|
| 128 |
+
"name": CHANNEL_NAMES[channel_id],
|
| 129 |
+
"stream_url": stream_url,
|
| 130 |
+
"m3u8_proxy_url": m3u8_proxy,
|
| 131 |
+
"proxy_url": f"/api/proxy/flv?url={quote(stream_url, safe='')}" if stream_url and is_flv else "",
|
| 132 |
+
"proxy_url_hls": f"/api/proxy/stream?url={quote(stream_url, safe='')}" if stream_url and not is_flv else "",
|
| 133 |
+
"is_flv": is_flv,
|
| 134 |
+
"iframe_url": iframe_url,
|
| 135 |
+
"status": "ok"
|
| 136 |
+
})
|
| 137 |
|
| 138 |
@router.get("/api/vtv/m3u/refresh")
|
| 139 |
def api_vtv_m3u_refresh():
|
|
|
|
| 144 |
found = sum(1 for v in urls.values() if v)
|
| 145 |
return JSONResponse({"status":"refreshed","channels_found":found,"channels":{k:v for k,v in urls.items() if v}})
|
| 146 |
|
| 147 |
+
# ===================== EPG =====================
|
| 148 |
_epg_cache = {}; _epg_cache_time = 0; _EPG_CACHE_TTL = 600
|
| 149 |
VTV_CHANNEL_MAP = {"vtv1":"vtv1","vtv2":"vtv2","vtv3":"vtv3","vtv4":"vtv4","vtv5":"vtv5","vtv5-tay-nam-bo":"vtv5","vtv5-tay-nguyen":"vtv5","vtv6":"vtv6","vtv7":"vtv7","vtv8":"vtv8","vtv9":"vtv9","vtv-can-tho":"vtv10"}
|
| 150 |
|
|
|
|
| 224 |
global _epg_cache, _epg_cache_time
|
| 225 |
_epg_cache = {}; _epg_cache_time = 0
|
| 226 |
epg_data = _fetch_epg_from_vtv()
|
| 227 |
+
return JSONResponse({"status":"refreshed","channels":len(epg_data),"total":sum(len(v) for v in epg_data.values())})
|
vtv_shorts.py
CHANGED
|
@@ -137,4 +137,4 @@ def get_wc_related_shorts(max_count=30):
|
|
| 137 |
wc_shorts = [s for s in all_shorts if any(k in s.get('title', '').lower() for k in wc_kws)]
|
| 138 |
if not wc_shorts:
|
| 139 |
wc_shorts = all_shorts
|
| 140 |
-
return wc_shorts[:max_count]
|
|
|
|
| 137 |
wc_shorts = [s for s in all_shorts if any(k in s.get('title', '').lower() for k in wc_kws)]
|
| 138 |
if not wc_shorts:
|
| 139 |
wc_shorts = all_shorts
|
| 140 |
+
return wc_shorts[:max_count]
|
wc2026_scraper.py
CHANGED
|
@@ -186,4 +186,4 @@ def get_wc2026_all():
|
|
| 186 |
key=futs[f]
|
| 187 |
try:data[key]=f.result()
|
| 188 |
except:data[key]={} if key in('fixtures','standings','stats') else[]
|
| 189 |
-
data['summary']=data.get('standings',{});_set('wc_all',data);return data
|
|
|
|
| 186 |
key=futs[f]
|
| 187 |
try:data[key]=f.result()
|
| 188 |
except:data[key]={} if key in('fixtures','standings','stats') else[]
|
| 189 |
+
data['summary']=data.get('standings',{});_set('wc_all',data);return data
|
yt_scraper.py
CHANGED
|
@@ -232,4 +232,4 @@ def get_wc_related_shorts(max_count=30):
|
|
| 232 |
return wc_shorts[:max_count]
|
| 233 |
|
| 234 |
# Aliases
|
| 235 |
-
get_vtvnamo_shorts = get_vtvnambo_shorts
|
|
|
|
| 232 |
return wc_shorts[:max_count]
|
| 233 |
|
| 234 |
# Aliases
|
| 235 |
+
get_vtvnamo_shorts = get_vtvnambo_shorts
|