Giới thiệu

Tag <track> là một tag HTML5 được sử dụng để định nghĩa các đường dẫn âm thanh hoặc phụ đề cho các phương tiện truyền thông như video hoặc audio. Tag này thường được sử dụng kết hợp với các tag <video> hoặc <audio> để cung cấp các tệp âm thanh hoặc phụ đề cho nội dung đa phương tiện.

Cú pháp

Cú pháp của tag <track> như sau:

<track src="path/to/file.vtt" kind="subtitles" srclang="en" label="English">

• src: Đường dẫn đến tệp phụ đề hoặc âm thanh.
• kind: Loại phụ đề hoặc âm thanh. Có các giá trị sau đây: subtitles, captions, descriptions, chapters, metadata.
• srclang: Ngôn ngữ của phụ đề hoặc âm thanh.
• label: Nhãn hiển thị cho phụ đề hoặc âm thanh.

Ví dụ

Dưới đây là một ví dụ về việc sử dụng tag <track> để nhúng phụ đề vào một video:

<video controls>
  <source src="path/to/video.mp4" type="video/mp4">
  <track src="path/to/subtitles.vtt" kind="subtitles" srclang="en" label="English">
</video>

Trong ví dụ trên, chúng ta có một video được nhúng vào trang web bằng tag <video>. Bên trong tag <video>, chúng ta có một tag <source> để xác định đường dẫn đến tệp video. Sau đó, chúng ta sử dụng tag <track> để nhúng phụ đề vào video. Trong trường hợp này, tệp phụ đề có đường dẫn là "path/to/subtitles.vtt", loại phụ đề là "subtitles", ngôn ngữ là "en", và nhãn hiển thị là "English".

Giải thích

Tag <track> cho phép chúng ta cung cấp các phụ đề hoặc âm thanh cho nội dung đa phương tiện trên trang web. Khi sử dụng tag này, trình duyệt sẽ tự động hiển thị phụ đề hoặc âm thanh tương ứng dựa trên ngôn ngữ và loại được xác định trong tag <track>. Điều này giúp cải thiện trải nghiệm người dùng và đảm bảo rằng nội dung đa phương tiện có thể được hiểu rõ hơn.

Tag <track> hỗ trợ nhiều loại phụ đề và âm thanh khác nhau, bao gồm phụ đề, phụ đề dành cho người khiếm thính, mô tả âm thanh, chương, và dữ liệu metadata. Bằng cách sử dụng các thuộc tính như kind, srclang, và label, chúng ta có thể xác định loại và ngôn ngữ của phụ đề hoặc âm thanh, cũng như hiển thị nhãn tương ứng cho chúng.

Tóm lại, tag <track> là một công cụ mạnh mẽ để nhúng phụ đề hoặc âm thanh vào nội dung đa phương tiện trên trang web. Bằng cách sử dụng tag này, chúng ta có thể cung cấp trải nghiệm tốt hơn cho người dùng và đảm bảo rằng nội dung đa phương tiện có thể được tiếp cận và hiểu rõ hơn.