تگ track در HTML

در این مقاله با تگ track در HTML آشنا می شوید.

نکات اصلی تگ track

• عناصر رسانه ای مانند <video> و <audio> می توانند از آهنگ های متنی استفاده کنند. هنگام پخش رسانه قابل مشاهده هستند و توسط تگ های HTML ردیابی می شوند.
• تگ آهنگ به تازگی در HTML5 اضافه شده است.
• نیازی به استفاده از تگ بسته نیست.

استفاده از تگ track در HTML

تگ آهنگ هنگام تعریف زیرنویس HTML، زیرنویس یا متن رسانه دیگر مفید است. این متن متن برای همه عناصر رسانه تعریف می کند:

<video controls width="325" height="245">
  <source src="random_video.mp4" type="video/mp4">
  <source src="track_video.mp4" type="video/mp4">
  <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
  <track src="lithuanian_subtitles_lt.vtt" kind="subtitles" srclang="lt" label="Lithuanian">
</video>

متن باید در قالب Web Video Text Tracks باشد و دارای پسوند .vvt باشد. همچنین می توانید زمان آهنگ را تعیین کنید که برای زیرنویس های HTML بسیار مهم است.

ویژگی های موجود تگ  track

چگونه می توان زیرنویس را به یک فیلم اضافه کرد؟ چگونه می توان زیرنویس یا توضیحات را وارد کرد؟ اول از همه ، شما باید محل آهنگ متن مورد نیاز خود را مشخص کنید.

src لازم است که شامل شود. منبع فایل آهنگ (آدرس URL) را تعریف می کند:

<track src="subtitles_en.vtt">

kind نوع متن را تنظیم می کند:

<track src="subtitles_en.vtt" kind="subtitles" srclang="en">

پنج مقدار ممکن برای این ویژگی وجود دارد:

default تنظیم می کند که مسیر به طور پیش فرض فعال شود:

<track src="subtitles_en.vtt" default>

lable عنوان متن را تعریف می کند:

<track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">

وقتی مقدار نوع زیرنویس HTML است ، باید ویژگی srclang را نیز وارد کنید. این زبان متن متن را تنظیم می کند:

<track src="subtitles_en.vtt" kind="subtitles" srclang="en">

توجه: هنگام استفاده از srclang مطمئن شوید که زبان را در زیرتگ معتبر زبان BCP 47 تعریف کرده اید.

پشتیبانی از مرورگر

این تگ در مرورگرهای : IE، safari ، firefox، cherom، opera و Edge پشتیبانی می شود.

در دوره آموزش HTML بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.