แอตทริบิวต์ kind: ระบุประเภท Text Track ใน HTML (Subtitles, Captions, Chapters)

แอตทริบิวต์ kind ใช้ในแท็ก <track> เพื่อระบุประเภทของ Text Track (ข้อความประกอบ) สำหรับวิดีโอ/เสียง เช่น Subtitles, Captions, Descriptions, Chapters, Metadata

ค่าของ kind (Enumerated)

ค่า	คำอธิบาย	ใช้สำหรับ
subtitles	ภาษาต่างประเทศ (Translation)	ผู้ชมเข้าใจภาพแต่ไม่เข้าใจภาษา
captions	คำบรรยายเสียง (Sound Effects, Speaker ID)	ผู้ชมบกพร่องทางการได้ยิน (SDH)
descriptions	คำอธิบายภาพ (Visual Description)	ผู้ชมบกพร่องทางสายตา (Audio Description)
chapters	หัวข้อบท/Chapter	Navigation/Seek ในวิดีโอ
metadata	ข้อมูลเมตาสำหรับ Script (JSON, etc.)	Application-specific, ไม่แสดง UI

ตัวอย่างการใช้งาน

<!DOCTYPE HTML>
<html>
<body>
    <video width="300" height="200" controls autoplay>
        <source src="/html5/foo.ogg" type="video/ogg" />
        <source src="/html5/foo.mp4" type="video/mp4" />
        
        <!-- Subtitles: ภาษาต่างประเทศ -->
        <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
        <track src="subtitles_th.vtt" kind="subtitles" srclang="th" label="ไทย" default>
        
        <!-- Captions: รวมเสียงเอฟเฟกต์ -->
        <track src="captions_en.vtt" kind="captions" srclang="en" label="English CC">
        
        <!-- Chapters: นำทาง -->
        <track src="chapters.vtt" kind="chapters" srclang="en" label="Chapters">
        
        เบราว์เซอร์ของคุณไม่รองรับองค์ประกอบ video
    </video>
</body>
</html>

แอตทริบิวต์ Track อื่นๆ ที่สำคัญ

src - URL ของไฟล์ Track (WebVTT .vtt) (บังคับ)
srclang - รหัสภาษา (ISO 639-1) บังคับสำหรับ subtitles/captions
label - ชื่อแสดงใน UI Player
default - Boolean - เปิด Track นี้โดยค่าเริ่มต้น

WebVTT Format (.vtt)

WEBVTT

00:00:01.000 --> 00:00:04.000
ยินดีต้อนรับสู่บทเรียน HTML

00:00:05.500 --> 00:00:10.000
วันนี้เราจะเรียนรู้เกี่ยวกับ <track> element

หมายเหตุ: ไฟล์ .vtt ต้อง Serve ด้วย MIME Type text/vtt และต้องเป็น Same-origin หรือมี CORS Header