HTML track Tag

HTML track Tag – يحدد الوسم <track> مسارات نصية محددة بوقت لعناصر <audio> أو <video>.

HTML track Tag

يٌستخدم الوسم <track> لتحديد الترجمات المصاحبة تلقائيًا أو ملفات التسميات التوضيحية أو الملفات الأخرى التي تحتوي على نص ، والتي يجب أن تكون مرئية عند تشغيل الوسائط.

<video src="/videos/mini_video.mp4" controls>
    <track src="/videos/mini_video.vtt" srclang="ar" label="Arabic" kind="captions">
    Oops! your browser doesn't support embedded videos.
</video>

يتم تنسيق المسارات بتنسيق WebVTT (ملفات vtt.).

السمات المحددة – Specific Attributes

يدعم الوسم <track> هذه السمات:

السمة	القيمة	الوصف
default	default	يحدد أن المسار سيتم تمكينه إذا كانت تفضيلات المستخدم لا تشير إلى أن مسارًا آخر سيكون أكثر ملاءمة. يمكن استخدام هذه السمة على عنصر <track> واحد فقط لكل عنصر وسائط (<audio> / <video>).
kind	captions chapters descriptions metadata subtitles	يحدد نوع مسار النص. captions: يحدد ترجمة الحوار والمؤثرات الصوتية (مناسب للمستخدمين الصم). chapters: يحدد عناوين الفصول (مناسب للتنقل في مورد الوسائط). descriptions: يحدد وصفًا نصيًا لمحتوى الفيديو (مناسب للمستخدمين المكفوفين). metadata: يحدد المحتوى الذي تستخدمه البرامج النصية (غير مرئي للمستخدم). subtitles: يحدد الترجمات المستخدمة لعرض الترجمات في الفيديو.
label	text	يحدد عنوان مسار النص.
src	URL	يحدد عنوان URL لملف المسار (ملف vtt.).
srclang	language code	يحدد لغة بيانات نص المسار (مطلوب مع “kind= “subtitles).