مثال (تگ track در HTML)

یک ویدیو با دو آهنگ زیرنویس:

<video width="320" height="240" controls>
  <source src="forrest_gump.mp4" type="video/mp4">
  <source src="forrest_gump.ogg" type="video/ogg">
  <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
  <track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
</video>

تعریف و کاربرد تگ track در HTML

تگ <track> آهنگ های متن برای عناصر رسانه ای (<audio> و <video>) را مشخص می کند.

این عنصر برای مشخص کردن زیرنویس ها، فایل های عنوان یا  فایل های دیگر که حاوی متن قابل مشاهده هستند استفاده می شود. این تگ زمانی فعال میشود که رسانه در حال پخش باشد.


پشتیبانی مرورگرها از تگ track در HTML

اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.

عنصر          
<track> 18.0 10.0 31.0 6.0 15.0

تفاوت بین HTML 4.01 و HTML5

تگ <track> یک تگ جدید در HTML5 است.


خصوصیت های اختیاری

= جدید در HTML5.

خصوصیت مقدار توضیحات
default default این صفت مشخص می کند که کاربر قادر است انتخاب کند کدام track مناسب تر است و می تواند نشان داده شود.(ریرنویس پیش فرض را می توان انتخاب کرد )
kind captions
chapters
descriptions
metadata
subtitles
نوع track متن را مشخص می کند.
label text یک title یا عنوان برای متن track مشخص می کند.
src URL الزامی است. آدرس فایل track را مشخص می کند.
srclang language_code زبان داده های متن track را مشخص می کند.(اگر kind="subtitles باشد استفاده از این صفت الزامی است)

ویژگی های عمومی تگ track در HTML

تگ <track> از ویژگی های عمومی در HTML پشتیبانی می کند.


رویدادهای عمومی تگ track در HTML

تگ <track> از-رویدادهای عمومی در HTML پشتیبانی می کند.


آموزش های مرتبط

آموزش HTML5-پخش ویدئو 

آموزش HTML5-پخش صوت

مرجع اشیاء اچ تی ام ال: تگ track در JavaScript

READ MORE