Multimedia HTML
- Trang trước HTML5 Canvas so với SVG
- Trang tiếp theo Đối tượng HTML
Đa phương tiện trên Web là âm thanh, âm nhạc, video và animation.
Các trình duyệt mạng hiện đại đã hỗ trợ rất nhiều định dạng đa phương tiện.
Đa phương tiện là gì?
Đa phương tiện đến từ nhiều định dạng khác nhau. Nó có thể là bất kỳ nội dung mà bạn nghe hoặc nhìn thấy, văn bản, hình ảnh, âm nhạc, hiệu ứng âm thanh, bản ghi âm, phim, animation, v.v.
Trên Internet, bạn sẽ thường xuyên gặp các yếu tố đa phương tiện được chèn vào trang web, các trình duyệt hiện đại đã hỗ trợ nhiều định dạng đa phương tiện.
Trong hướng dẫn này, bạn sẽ tìm hiểu về các định dạng đa phương tiện khác nhau và cách sử dụng chúng trong trang web của bạn.
Hỗ trợ trình duyệt
Trình duyệt Internet đầu tiên chỉ hỗ trợ văn bản, và ngay cả hỗ trợ văn bản cũng chỉ giới hạn ở một font và một màu duy nhất. Sau đó, các trình duyệt hỗ trợ màu sắc, font và phong cách văn bản đã ra đời, và hỗ trợ hình ảnh cũng được thêm vào.
Các trình duyệt xử lý khác nhau đối với hỗ trợ âm thanh, animation và video. Một số yếu tố có thể được xử lý theo cách nội bộ, trong khi một số则需要 các plugin bổ sung.
Bạn sẽ học thêm về các plugin trong phần sau.
Định dạng đa phương tiện
Các yếu tố đa phương tiện (như video và âm thanh) được lưu trữ trong các tệp phương tiện.
Cách phổ biến nhất để xác định loại phương tiện là kiểm tra phần mở rộng tệp. Khi trình duyệt nhận được phần mở rộng tệp .htm hoặc .html, nó sẽ giả định rằng tệp đó là trang HTML. Phần mở rộng .xml chỉ ra tệp XML, trong khi phần mở rộng .css chỉ ra bảng định dạng. Định dạng hình ảnh được nhận diện qua .gif hoặc .jpg.
Các yếu tố đa phương tiện cũng có các định dạng tệp với các phần mở rộng khác nhau, chẳng hạn như .swf, .wmv, .mp3 và .mp4.
Định dạng video
Định dạng MP4 là một định dạng video Internet mới sắp phổ biến. HTML5, trình phát Flash và các trang web video như Youku đều hỗ trợ nó.
Định dạng | Tệp | Mô tả |
---|---|---|
AVI | .avi | Định dạng AVI (Audio Video Interleave) được phát triển bởi Microsoft. Tất cả các máy tính chạy Windows đều hỗ trợ định dạng AVI. Nó là định dạng rất phổ biến trên Internet, nhưng không phải máy tính không chạy Windows luôn có thể phát. |
WMV | .wmv | Định dạng Windows Media được phát triển bởi Microsoft. Windows Media rất phổ biến trên Internet, nhưng nếu không cài đặt các thành phần bổ sung (miễn phí), bạn sẽ không thể phát phim Windows Media. Một số phim Windows Media sau này không thể phát trên tất cả các máy tính không chạy Windows vì không có trình phát phù hợp. |
MPEG |
|
Định dạng MPEG (Moving Pictures Expert Group) là định dạng phổ biến nhất trên Internet. Nó là định dạng đa nền tảng, được tất cả các trình duyệt phổ biến hỗ trợ. |
QuickTime | .mov | Định dạng QuickTime được phát triển bởi Apple. QuickTime là định dạng phổ biến trên Internet, nhưng các bộ phim QuickTime không thể phát trên máy tính Windows không cài đặt các thành phần bổ sung (miễn phí). |
RealVideo |
|
Định dạng RealVideo được phát triển bởi Real Media cho Internet. Định dạng này cho phép luồng video trong điều kiện băng thông thấp (video trực tuyến, truyền hình mạng). Do ưu tiên băng thông thấp, chất lượng thường bị giảm. |
Flash |
|
Định dạng Flash (Shockwave) được phát triển bởi Macromedia. Định dạng Shockwave cần các thành phần bổ sung để phát. Tuy nhiên, thành phần này sẽ được cài đặt sẵn trên các trình duyệt như Firefox hoặc IE. |
Mpeg-4 | .mp4 | Mpeg-4 (với nén video H.264) là định dạng mới cho Internet. Thực tế, YouTube khuyến nghị sử dụng MP4. YouTube nhận nhiều định dạng, sau đó chuyển đổi tất cả thành .flv hoặc .mp4 để phân phối. Một số lượng lớn các nhà xuất bản video chuyển sang MP4, sử dụng nó như định dạng chia sẻ internet cho trình phát Flash và HTML5. |
Định dạng âm thanh
Định dạng | Tệp | Mô tả |
---|---|---|
MIDI |
|
MIDI (Musical Instrument Digital Interface) là định dạng dành cho thiết bị âm nhạc điện tử (như bộ hợp âm và card âm thanh). Tệp MIDI không chứa âm thanh, nhưng chứa các lệnh âm nhạc số có thể được các thiết bị điện tử (như card âm thanh) phát. Nhấp vào đây để phát The Beatles. Vì định dạng MIDI chỉ chứa các lệnh, nên tệp MIDI rất nhỏ gọn. Ví dụ trên chỉ có kích thước 23k, nhưng lại có thể phát gần 5 phút. MIDI được hỗ trợ rộng rãi bởi nhiều phần mềm trên nhiều nền tảng. Hầu hết các trình duyệt web phổ biến đều hỗ trợ MIDI. |
RealAudio |
|
Định dạng RealAudio được phát triển bởi Real Media cho Internet. Định dạng này cũng hỗ trợ video. Định dạng này cho phép luồng âm thanh trong điều kiện băng thông thấp (âm nhạc trực tuyến, âm nhạc mạng). Do ưu tiên băng thông thấp, chất lượng thường bị giảm. |
Wave | .wav | Định dạng Wave (waveform) được phát triển bởi IBM và Microsoft. Tất cả các máy tính chạy Windows và tất cả các trình duyệt mạng (trừ Google Chrome) đều hỗ trợ nó. |
WMA | .wma | Định dạng WMA (Windows Media Audio), chất lượng tốt hơn MP3, tương thích với hầu hết các trình phát, trừ iPod. File WMA có thể được truyền tải như một luồng dữ liệu liên tục, điều này rất实用 cho đài phát thanh trực tuyến hoặc âm nhạc trực tuyến. |
MP3 |
|
MP3 file thực chất là phần âm thanh của file MPEG. Định dạng MPEG ban đầu được phát triển bởi nhóm chuyên gia về hình ảnh di động. MP3 là định dạng âm thanh phổ biến nhất cho âm nhạc. Chờ đợi hệ thống phần mềm tương lai đều hỗ trợ nó. |
Sử dụng định dạng nào?
WAVE là định dạng phổ biến nhất trên InternetKhông nénĐịnh dạng âm thanh, tất cả các trình duyệt phổ biến đều hỗ trợ nó. Nếu bạn cần âm thanh (âm nhạc hoặc phát biểu) không được nén, bạn nên sử dụng định dạng WAVE.
MP3 là định dạng mới nhấtNénĐịnh dạng âm thanh ghi âm. MP3 là từ đồng nghĩa của âm nhạc số. Nếu trang web của bạn hoạt động trong lĩnh vực âm nhạc ghi âm, thì MP3 là một lựa chọn.
- Trang trước HTML5 Canvas so với SVG
- Trang tiếp theo Đối tượng HTML