DasFootball ถูก Cloudflare block จาก Node.js (403) แม้จะใส่ header ครบ ผมจะเปลี่ยนไปใช้ Scorebat API ซึ่งเป็น free API สำหรับไฮไลท์ฟุตบอลที่มี video embed พร้อมใช้งาน
ผมจะใช้ Scorebat API แทน DasFootball เพราะ Cloudflare block ไม่ได้ Scorebat มี free video API ที่ให้ embed HTML พร้อมใช้งานเลย
ตอนนี้ผมเข้าใจทุกอย่างแล้ว ปัญหาคือ:
highlights-scraper.ts ซึ่งจะต้องเปลี่ยนโครงสร้างผมจะ:
Scraper เปลี่ยนจาก DasFootball เป็น Scorebat API ที่ให้ embed HTML พร้อม iframe src สำหรับวิดีโอ ตอนนี้จะอัปเดต API route และ widget
Widget เขียนใหม่ให้รองรับ Scorebat data structure ที่มี videos array หลายคลิปต่อแมตช์ พร้อม video tab selector ใน modal ตอนนี้จะอัปเดต color picker ให้มีสี background เยอะขึ้นมาก
Color picker อัปเดตแล้ว มี 62 สี background ให้เลือก จัดเป็น 3 หมวด (สว่าง/มีสี/เข้ม) พร้อม hex input และ native color picker ตอนนี้จะอัปเดต API route ให้ตรงกับ scraper ใหม่
ตรวจดู logs ว่าทำงานได้ถูกต้อง