تگ track در HTML

  /  فرانت اند   /  HTML   /  تگ track در HTML

با استفاده از تگ track در HTML یک محتوای متنی به تگ های چند رسانه ای اضافه می کنیم.

مثال

<video width="400" height="230" controls>
<source src="https://www.bubbleslearn.ir/wp-content/uploads/2021/07/demo.mp4" type="video/mp4">
<track src="https://www.bubbleslearn.ir/wp-content/uploads/2021/07/subtitle.vtt" kind="subtitles" srclang="fa" label="فارسی" default>
</video>


تعریف و کاربرد

از تگ track در HTML برای اضافه کردن محتوای متنی به تگ های چند رسانه ای مانند: <video> و <audio> استفاده می کنیم.

مثلاً می توانید فایل زیر نویس یک فیلم را با استفاده از عنصر <track> بر روی تگ <video> و در نهایت فایل ویدیویی خود اعمال کنید.

فرمت فایل های track در قالب WebVTT ( پرونده های .vtt ) می باشد.


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

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

عنصر
<track>23.010.031.06.012.1

خواص

خاصیتمقدارتوضیحات
defaultdefaultمشخص میکند که فایل Track بصورت پیش فرض با اجرای فایل رسانه نمایش داده شود
kindcaptions
chapters
descriptions
metadata
subtitles
نوع متن رسانه را مشخص میکند (مثلا برای زیرنویس باید گزینه subtitles را انتخاب نمایید)
labeltextیک عنوان برای track مشخص میکند
srcURLمسیر یا محل فایل track را مشخص میکند (استفاده از این خاصیت ضروری می باشد)
srclanglanguage_codeزبان متنی فایل track را مشخص میکند (مثلاً برای زیرنویس های فارسی باید مقدار فارسی را به آن بدهید)

خواص عمومی

تگ track از خواص عمومی در HTML پشتیبانی میکند.

رویداد های عمومی

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

تنظیمات پیش فرض CSS

هیچ تنظیمات پیش فرض CSS ندارد.

5/5 - (1 امتیاز)

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

ارسال یک نظر