آموزش تگ track در HTML

آموزش تگ track در HTML
دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با نحوه ی قرار دادن تگ track در HTML به صورت کامل آشنا بشید.
تگ track
تگی است که میتوانید با استفاده از آن یک محتوای متنی را به یک رسانه ( مثل یک فایل ویدئویی یا صوتی ) اضافه کنید.
این محتوای متنی که میگیم در واقع میتونه یک فایل زیرنویس باشه و یا میتونه یک فایل متنی برای ایجاد عنوان یا شرح توضیحاتی برای اون فایل رسانه مون باشه.
فرض کنید میخوایم یه فایل زیرنویس فارسی به یک فیلم اضافه کنیم در آن صورت از تگ Track برای تعریف زیرنویس و قرار دادنش در زیر فیلم استفاده کنیم.
مثال از تگ track در HTML
در ادامه دوره ی آموزشی html css میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره ۱ : اضافه کردن فایل زیرنویس فارسی به فیلم
<body> <video controls width="400" height="230"> <source src="files/demo.mp4" type="video/mp4"> <track src="files/subtitle.vtt" kind="subtitles" srclang="fa" label="فارسی" default> </video> </body>
راستی اگر دنبال آموزش html css پروژه محور هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید.
صفت ها (Attributes)
default
این صفت مشخص می کند که فایل متنی به صورت پیشفرض نمایش داده شود. اگر این صفت نباشد، کاربر باید بصورت دستی از قسمت تنظیمات فیلم زیرنویس (فایل متنی) را انتخاب کند.
kind
این صفت مشخص می کند که فایل متنی از چه نوعی است. مقدار پیشفرض آن subtitle
است. زمانی از metadata
استفاده خواهد شد که صفت دارای مقدار غیر مجاز باشد. این صفت دارای ۵ مقدار است که عبارتند از:
- subtitles: زیرنویس برای کاربرانی به نمایش در می آید که با زبان ویدئو در حال پخش آشنا نباشند. در بعضی شرایط زیرنویس توضیح و یا اطلاعات زیادی در ارتباط با آنچه که در حال پخش است، ارائه می کند.
- captions: عناوین معمولا برای توضیح بیشتر یک فایل صوتی استفاده می شود. همچنین از آن برای اطلاع رسانی به کاربرانی که ناشنوا یا کم شنوا هستند می توان استفاده کرد.
- descriptions: برای ارائه توضیحاتی درباره محتوای فیلم بکار می رود.
- chapters: عناوین بخش ها برای زمانی استفاده می شود که کاربر در حال جستجو بین عناوین منابع فایل های صوتی و تصویری است.
- metadata: متن توسط اسکریپت ها استفاده می شوند و برای کاربر قابل نمایش نیست.
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ track
در HTML پشتیبانی میکنند یا خیر.
جدول صفات تگ track در HTML
در جدول زیر میتوانید صفات به همراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده کنید.
پشتیبانی از صفات و رویدادهای عمومی
تگ track
از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
نکات و توضیحات
توجه داشته باشید که فایل زیرنویس شما حتما باید از نوع vtt باشد نه srt یا دیگر فرمت ها.
با استفاده از این وبسایت میتوانید یک زیرنویس که از نوع srt است را به یک زیرنویس از نوع vtt تبدیل نمایید.
آموزش html و css به شما کمک می کنه که خیلی بیشتر و بهتر با این تگ ها آشنا بشید.
در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید
دیدگاهتان را بنویسید