Thẻ video và âm thanh trong HTML là gì?

Có rất nhiều cách để thêm và phát video trong trang web, cách đây vài năm, cách duy nhất là sử dụng các plugin bên ngoài như Flash, cuối cùng HTML5 đã giới thiệu thẻ để giúp công việc của nhà phát triển trở nên dễ dàng và có cách tiêu chuẩn để nhúng video vào tệp HTML

Thẻ hoạt động tương tự như thẻ, một hoặc nhiều nguồn có thể được đặt giữa mở và đóng thẻ để bao quát khả năng tương thích trình duyệt rộng hơn

Có 3 định dạng video được hỗ trợ. MP4, WebM và Ogg. MP4 được hỗ trợ trong tất cả các trình duyệt hiện đại trong khi định dạng WebM và Ogg vẫn có một số vấn đề không tương thích với các phiên bản Safari và Internet Explorer cũ hơn

Các thuộc tính của thẻ rất giống với thuộc tính trong thẻ âm thanh

- điều khiển hiển thị bảng điều khiển có nút phát/tạm dừng, nút toàn màn hình và âm lượng
- chỉ định tự động phát cho trình duyệt để phát video ngay khi tải
- width and height are used to set the size of the video in pixels
- loop is used when we want to restart the video as soon as it finishes
- muted plays the video in mute as default, user can switch on audio through the control panel
- preload defines when the loading of the video should be done via the values auto, none and metadata
- poster defines the image to be shown while teh video is loading, an URL needs to be set as value of the attribute.

Điều quan trọng cần hiểu là trình duyệt không thể phát bất kỳ tệp video nào trừ khi máy tính cài đặt codec video thích hợp, may mắn là trong thời đại Netflix này, tất cả các máy tính đều đã cài đặt codec âm thanh/video hiện đại nhất

Thẻ âm thanh HTML được sử dụng để xác định âm thanh như âm nhạc và các đoạn âm thanh khác. Hiện tại có ba định dạng tệp được hỗ trợ cho thẻ âm thanh HTML 5

Hỗ trợ và điều khiển HTML5. Flash, Silverlight và các công nghệ tương tự được sử dụng để phát các mục đa phương tiện

Bảng này xác định trình duyệt web nào hỗ trợ định dạng tệp âm thanh nào

Browsermp3wavogg Internet Exploreryesnono Google Chromeyesyesyes Mozilla Firefoxyes*yesyes Operanoyesyes Apple Safariyesyesno

Ví dụ về thẻ âm thanh HTML

Hãy xem mã để phát tệp mp3 bằng thẻ âm thanh HTML

Kiểm tra nó ngay bây giờ

đầu ra

Trình duyệt của bạn không hỗ trợ thẻ âm thanh html

Hãy xem ví dụ để phát tệp ogg bằng thẻ âm thanh HTML

Trình duyệt hỗ trợ

Phần tử Chrome IE Firefox Opera SafariYesYesYesYesYes

Các thuộc tính của thẻ âm thanh HTML

Có một danh sách các thẻ âm thanh HTML

AttributeDescriptioncontrolsNó xác định các điều khiển âm thanh được hiển thị bằng các nút phát/tạm dừng. tự động phátChỉ định rằng âm thanh sẽ bắt đầu phát ngay khi sẵn sàng. loopIt chỉ định rằng tệp âm thanh sẽ bắt đầu lại mỗi khi hoàn thành. mutedNó được sử dụng để tắt tiếng đầu ra âm thanh. preloadIt chỉ định chế độ xem tác giả để tải lên tệp âm thanh khi tải trang. srcIt chỉ định URL nguồn của tệp âm thanh

Ví dụ về thuộc tính thẻ âm thanh HTML

Ở đây chúng ta sẽ sử dụng các thuộc tính điều khiển, tự động phát, vòng lặp và src của thẻ âm thanh HTML

Kiểm tra nó ngay bây giờ

Các loại MIME cho định dạng âm thanh HTML

Thẻ âm thanh HTML loại MIME có sẵn được cung cấp bên dưới

Định dạng âm thanhMIME Typemp3audio/mpegoggaudio/oggwavaudio/wav

HTML là viết tắt của Ngôn ngữ đánh dấu siêu văn bản. Nó được sử dụng để thiết kế các trang web bằng ngôn ngữ đánh dấu. Là sự kết hợp giữa Siêu văn bản và Ngôn ngữ đánh dấu. HTML sử dụng các thẻ và thành phần được xác định trước để cho trình duyệt biết cách hiển thị đúng nội dung trên màn hình. Vì vậy, trong bài viết này, chúng ta sẽ tìm hiểu cách nhúng âm thanh và video vào HTML. Để chèn file đa phương tiện vào trang web, chúng ta đã biết cách chèn ảnh trong HTML.  

Làm cách nào để nhúng âm thanh vào HTML?

To embed audio in HTML, we use the tag. Before HTML5, audio cannot be added to web pages in the Internet Explorer era. To play audio, we used web plugins like Flash. After the release of HTML5, it is possible. This tag supports Chrome, Firefox, Safari, Opera, and Edge in three audio formats – MP3, WAV, OGG. Only Safari browser doesn’t support OGG audio format.

cú pháp

Attributes of tag

Thuộc tính Giá trị Mô tảautoplayautoplayKhi trang được tải. Nó chỉ định phát âm thanh ngay khi có thể. điều khiểnđiều khiểnNó hiển thị điều khiển âm thanh. looploopNó sẽ bắt đầu lại âm thanh khi kết thúc. bị tắt tiếngKhi trang được tải, âm thanh sẽ tự động bị tắt tiếng. tải trước

siêu dữ liệu tự động

không ai

Nó chỉ định cách tác giả nghĩ rằng âm thanh sẽ được tải khi trang đã sẵn sàng. srcURLIt chỉ định URL của tệp âm thanh.  

Ví dụ.  

Trong ví dụ này, chúng tôi sẽ thêm video vào trang web của mình. Để thêm video, chúng tôi sẽ sử dụng thẻ xác định nguồn bằng cách sử dụng thẻ. Tạo một tệp HTML giống như ví dụ về tệp âm thanh và lưu tệp video trong cùng thư mục. Giả sử một bài kiểm tra tên tệp video. mp4 lưu trong cùng thư mục nơi tệp HTML của bạn đã được lưu.  

Thẻ video trong HTML là gì?

Âm thanh trong HTML là gì?

Việc sử dụng phần tử âm thanh và video là gì?

Âm thanh và video trong trang web là gì?