تگ track در HTML

دسته بندی : آموزش HTML سطح مقاله : متوسط زمان مطالعه : 2 دقیقه 14 دسامبر 2020
تگ 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">

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

DefinitionValue
نوع آهنگ پیش فرض ، ارائه ترجمه از فیلم ، و همچنین محتوای اضافی (به عنوان مثال ، زمان یا مکان).Subtitles
توسط اسکریپت ها استفاده می شود و توسط کاربر قابل دسترسی نیستMetadata
توسط کاربر برای پیمایش در رسانه استفاده می شودChapters
رونویسی و ترجمه ویدیو و همچنین اطلاعات غیرکلامی (به عنوان مثال جلوه های صوتی) را ارائه دهید. ممکن است توسط کاربران ناشنوا یا کم شنوا استفاده شود ، یا درصورت قطع صدا نمایش داده شود.Captions
فیلم را به صورت متن توصیف کنید. ممکن است توسط کاربران نابینا یا کم بینا استفاده شود یا وقتی مرورگر نمی تواند ویدیو را نشان دهد ، نمایش داده می شود.Descriptions

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 را در دویکس دنبال کنید.

چه امتیازی به این مقاله می دید؟

دیدگاه کاربران

بدون دیدگاه


Notice: Undefined variable: user_ID in /home/devixir/public_html/wp-content/themes/DevixFullOne/comments.php on line 16