در اين بخش از
دوره آموزش HTML در آموزش دون
، با تگ
<track> آشنا ميشويم. اين تگ براي اضافه کردن زيرنويس، توضيحات يا ترجمه به عناصر
<video> و <audio> استفاده ميشود.
تگ track در HTML چيست؟
تگ <track> يک مسير اضافي براي رسانهها فراهم ميکند تا زيرنويسها، متنهاي توضيحي يا
ترجمهها به فايل صوتي يا تصويري اضافه شوند.
اين تگ بهبود دسترسي و تجربه کاربري را افزايش ميدهد.
مثال ساده از تگ track
<video controls width="600">
<source src="movie.mp4" type="video/mp4">
<track src="subtitles_fa.vtt" kind="subtitles" srclang="fa" label="فارسي">
<track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
مرورگر شما ويديو را پشتيباني نميکند.
</video>در اين مثال، دو فايل زيرنويس براي ويديو اضافه شدهاند: فارسي و انگليسي. کاربر ميتواند زبان دلخواه را انتخاب کند.
ويژگيهاي مهم تگ track
| ويژگي | توضيح |
|---|---|
| src | مسير فايل زيرنويس (VTT) |
| kind | نوع متن (subtitles, captions, descriptions, chapters, metadata) |
| srclang | کد زبان فايل زيرنويس (مثلاً fa براي فارسي) |
| label | عنوان قابل نمايش براي زبان يا نوع زيرنويس |
| default | مشخص کردن زيرنويس پيشفرض |
نکات مهم درباره track
- تگ
<track>بايد داخل<video>يا<audio>قرار گيرد. - فايل زيرنويس بايد با فرمت
.vttباشد. - ميتوان چندين تگ
<track>براي يک رسانه اضافه کرد تا کاربر زبان دلخواه را انتخاب کند.
براي يادگيري کامل کار با ويديو و صوت در صفحات وب و اضافه کردن زيرنويس، پيشنهاد ميکنيم در دوره آموزش HTML و CSS آموزش دون شرکت کنيد.
براي مشاهده تمام آموزشهاي HTML، به صفحه اصلي آموزش دون مراجعه کنيد.
آموزش قبلي: تگ title در HTML
آموزش بعدي: تگ tt در HTML
دیدگاه و پرسش