iT邦幫忙

2022 iThome 鐵人賽

DAY 20
1

今天要介紹的 kind 的屬性,僅能在 <track> 標籤上使用。
最主要是要用來提醒這個 video 帶有字幕字軌。

<video>
  <source src="影音來源" type="video/mp4" />
  <track kind="subtitles" srclang="zh">
</video>

這裡的例子是用 subtitles 的值(value)
指得是,這個音訊帶有字幕,且字幕為中文。
如果是使用國外的影片,經常會搭配中文字幕。
這對使用者來說可以同步聆聽,理解影片想表達之意。
另外一個好處是,對於無法用眼睛瀏覽的網頁的視障朋友來說,是相對方便的
至少有補充字幕,讓視障者可以搭配輔助工具,「聽」出這段影片在說什麼。

kind 也有其他搭配值,例如:

  • captions: 播放器中顯示的簡短說明。
  • chapters:將影音分隔成幾個章節,每個章節會有個標題,當使用者不知道自己的看到哪裡,或是想要了解個章節主題的話,就可以輕鬆得知。
  • descriptions:簡介,假設影音內容無法正常播放的話,這段文字就會顯出來,讓使用者知道這塊影音如果看得見的話,主題為何。

上一篇
Day 19 novalidate屬性
下一篇
Day 21 novalidate 屬性
系列文
一日一屬性,HTML 基礎一定行30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
Lin Chen
iT邦新手 4 級 ‧ 2022-10-05 21:44:43

長知識!

我要留言

立即登入留言