CHƢƠNG 2 XÂY DỰNG TRANG WEB BẰNG HTML
2.14.3. Âm thanh, phim
Đối tƣợng <audio>/<video> đƣợc sử dụng để nhúng âm thanh/phim, tƣơng ứng.
Trình phát âm thanh/phim sẽ đƣợc gọi khi trình duyệt gặp đối tƣợng
<audio>/<video>. Ví dụ khai báo một đối tƣợng <audio> nhƣ sau. 1. <audio controls>
2. <source src="rose.ogg" type="audio/ogg">
3. <source src="rose.mp3" type="audio/mpeg">
4. Your browser does not support the audio tag.
5. </audio>
C{c đối tƣợng <audio>/<video> sử dụng đối tƣợng <source> để tham chiếu đến
các tài ngun âm thanh/phim. Đối tƣợng <source> có thuộc tính src chứa URL của tài nguyên âm thanh/phim và type cho biết định dạng âm thanh/phim. Đối tƣợng
source đầu tiên có định dạng âm thanh/phim đƣợc trình duyệt hỗ trợ sẽ đƣợc sử
dụng. Nếu trình duyệt khơng hỗ trợ đối tƣợng <audio>/<video>, văn bản đƣợc khai
b{o trong đối tƣợng <audio>/<video> sẽ đƣợc hiển thị. Đối tƣợng <audio>/<video> có
các thuộc tính sau đ}y để điều khiển trình phát âm thanh/phim: autoplay (tự phát âm thanh/phim khi đã sẵn sàng), controls (cho sử dụng c{c nút điểu khiển), loop
(phát lặp lại), muted (tạm dừng phát). Các thuộc tính này nhận giá trị boolean, xuất hiện nghĩa l| true, vắng mặt nghĩa l| false. Ngo|i ra, đối tƣợng <video> sử dụng các thuộc tính width, height để x{c định độ rộng và chiều cao vùng hiển thị phim,
sử dụng thuộc tính poster để tham chiếu đến ảnh nền (ảnh đƣợc hiển thị khi phim
không/chƣa đƣợc phát).
Hiện tại, <audio>/<video> chỉ hỗ trợ c{c định dạng âm thanh MP3, WAV, OGG, cùng các định dạng phim MP4, WebM và OGG. Tuy nhiên, thực tế cịn có có nhiều
định dạng âm thanh và phim khác. Do vậy, để có một trình ph{t đa phƣơng tiện
(media player) trên web có thể phát nhiều định dạng âm thanh và phim, nhiều đối
tƣợng nhúng phải đƣợc dùng kết hợp v| đƣợc điều phối, điều khiển bởi
JavaScript. MediaElement.js7 là một ví dụ về trình ph{t đa phƣơng tiện trên web.