WebAR & Health Screening

THAI CV RISK AR

เว็บแอป Mobile Web AR ที่ใช้กล้องมือถือจับท่าทางร่างกาย (Pose Tracking) เพื่อประมาณส่วนสูงและรอบเอว แล้วคำนวณความเสี่ยง 10 ปีต่อการเกิดโรคหัวใจและหลอดเลือด ตามสูตร Thai CV Risk Score แบบใช้รอบเอว ใช้งานบนเบราว์เซอร์มือถือโดยไม่ต้องติดตั้งแอป และมีโหมดประเมินละเอียดให้กรอกค่าทางคลินิกเพิ่ม

WebARPose DetectionHealth Screening

เยี่ยมชมระบบจริง

หน้าสแกนสรีระด้วยกล้อง AR พร้อมการ์ดแสดงความเสี่ยง

Screens

ภาพตัวอย่างระบบจริง

ภาพทั้งหมดใช้โหมดจำลอง (Demo Mode) ซึ่งแสดงโครงร่างร่างกายตัวอย่างแทนภาพจากกล้องจริง

ข้อควรทราบทางการแพทย์ก่อนใช้งาน
สแกนสรีระ — วัดส่วนสูงและรอบเอว
หน้าปัดความเสี่ยงและคำแนะนำ
โหมดประเมินความแม่นยำสูง

Challenge

โจทย์และปัญหาเดิม

การคัดกรองความเสี่ยงโรคหัวใจต้องใช้สายวัด แบบฟอร์ม และเจ้าหน้าที่ ทำในวงกว้างได้ช้า
คนทั่วไปไม่รู้สัดส่วนรอบเอวต่อส่วนสูง (WHtR) ของตัวเอง และไม่เห็นภาพว่าความเสี่ยงอยู่ระดับไหน
วัดสรีระด้วยกล้องมือถือตัวเดียว ค่าที่ได้แกว่งตามระยะ มุมกล้อง และแสง
ต้องสื่อสารให้ชัดว่าเป็นการคัดกรองเบื้องต้น ไม่ใช่การวินิจฉัยทางการแพทย์

Solution

สิ่งที่เราพัฒนา

Pose Tracking บนเบราว์เซอร์

ใช้ MediaPipe ตรวจจับจุดบนร่างกาย 33 จุดแบบ real-time บนมือถือประมวลผลบนเครื่องผู้ใช้ มี GPU/CPU fallback

วัดส่วนสูงและรอบเอวจากกล้อง

ประมาณส่วนสูงจากศีรษะถึงข้อเท้าและรอบเอวจากแบบจำลองวงรี พร้อม smoothing กันตัวเลขกระโดด

AR HUD

การ์ดผลลัพธ์ลอยตามตัวบุคคล แสดง % ความเสี่ยง, WHtR และระดับความเสี่ยงทันที

โหมดประเมินความแม่นยำสูง

ดึงค่าจากกล้องมาตั้งต้น แล้วกรอกความดัน (SBP) เบาหวานและการสูบบุหรี่เพิ่ม แสดงผลเป็นหน้าปัด 4 ระดับ

คำแนะนำเฉพาะบุคคล

แนะนำการปรับพฤติกรรมตามปัจจัยเสี่ยงที่ตรวจพบ

Demo Mode & ข้อควรทราบ

โหมดจำลองสำหรับสาธิตโดยไม่ต้องเปิดกล้องและหน้าข้อควรทราบทางการแพทย์ก่อนเริ่มใช้งาน

Tech Stack

เทคโนโลยีที่ใช้

Frontend

Next.js 16React 19TypeScript

AR & Vision

MediaPipe Pose LandmarkerCanvas 2DSVG

Deploy

NetlifyGitHub Actions

มีระบบที่อยากทำแบบนี้?

เริ่มโปรเจกต์