تگ track در HTML

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

تگ track چیست؟

تگ track که درون تگ video و تگ audio قرار می گیرد برای افزودن فایل متنی مانند زیرنویس و ... به کار می رود.

ساختار این تگ به شکل زیر است و نیاز به بستن ندارد.

<track>

صفات تگ track

در این بخش با صفات تگ track آشنا خواهید شد.

صفت default

در صورتی که چند فایل track وجود داشته باشد با استفاده از صفت default می توانیم فایل track پیش فرض را انتخاب می کنیم.

<track default>

صفت kind

نوع فایل track را مشخص می کند.

<track kind="captions|chapters|descriptions|metadata|subtitles">

captions

برای ترجمه مکالمات و گفتگوهای زبان های خارجی به کار می رود.

chapters

برای تعریف عنوان فصل رسانه به کار می رود.

descriptions

برای تعریف یا توضیح متنی محتوای ویدئویی به کار می رود.

metadata

برای افزودن اطلاعات فایل به کار می رود.

subtitles

برای افزودن زیرنویس به کار می رود.

صفت label

برچسب یا عنوان فایل track را مشخص می کند.

<track label="Text">

صفت src

آدرس فایل track را مشخص می کند.

فرمت فایل باید vtt باشد.

<track src="file.vtt">

صفت srclang

زبان فایل متن را مشخص می کند.

به عنوان مثال اگر زبان انگلیسی است مقدار آن en می شود و یا اگر زبان فارسی است مقدار آن fa می شود.

<track srclang="fa">

مثال تگ track

کد:

<video width="300" height="300" controls>
  <source src="video.mp4" type="video/mp4" />
  <track src="file.vtt" kind="subtitles" srclang="fa" label="فارسی">
</video>

سازگاری با مرورگرها

تگ track با مرورگرهای زیر سازگار است:

• گوگل کروم
• فایرفاکس
• اج
• اپرا
• سافاری
• گوگل کروم اندروید
• فایرفاکس اندروید
• اپرا اندروید
• سافاری iOS