تگ 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.0 | 10.0 | 31.0 | 6.0 | 12.1 |
خواص
| خاصیت | مقدار | توضیحات |
|---|---|---|
| default | default | مشخص میکند که فایل Track بصورت پیش فرض با اجرای فایل رسانه نمایش داده شود |
| kind | captions chapters descriptions metadata subtitles | نوع متن رسانه را مشخص میکند (مثلا برای زیرنویس باید گزینه subtitles را انتخاب نمایید) |
| label | text | یک عنوان برای track مشخص میکند |
| src | URL | مسیر یا محل فایل track را مشخص میکند (استفاده از این خاصیت ضروری می باشد) |
| srclang | language_code | زبان متنی فایل track را مشخص میکند (مثلاً برای زیرنویس های فارسی باید مقدار فارسی را به آن بدهید) |
خواص عمومی
تگ track از خواص عمومی در HTML پشتیبانی میکند.
رویداد های عمومی
تگ track از رویداد های عمومی در HTML پشتیبانی میکند.
تنظیمات پیش فرض CSS
هیچ تنظیمات پیش فرض CSS ندارد.
آیا این مطلب برای شما مفید بود ؟
راه شناخت انسان ها (سخن گفتن)
و درود خدا بر او، فرمود: سخن بگوييد تا شناخته شويد، زيرا كه انسان در زير زبان خود پنهان است.
حکمت 392 نهج البلاغه
