Thí dụ
Phát tệp âm thanh:
& nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ âm thanh.
Your browser does not support the audio tag.
Hãy tự mình thử »
Định nghĩa và cách sử dụng
Thẻ được sử dụng để nhúng nội dung âm thanh vào tài liệu, chẳng hạn như âm nhạc hoặc các luồng âm thanh khác.
Thẻ chứa một hoặc nhiều thẻ
với các nguồn âm thanh khác nhau. Trình duyệt sẽ chọn nguồn đầu tiên mà nó hỗ trợ.
Văn bản giữa các thẻ và
Your browser does not support the element.0 sẽ chỉ được hiển thị trong các trình duyệt không hỗ trợ phần tử
.Có ba định dạng âm thanh được hỗ trợ trong HTML: MP3, WAV và OGG.
Định dạng âm thanh và hỗ trợ trình duyệt
Cạnh / tức là | VÂNG | VÂNG* | VÂNG* |
Trình duyệt Chrome | VÂNG | VÂNG | VÂNG |
VÂNG* | VÂNG | VÂNG | VÂNG |
VÂNG* | VÂNG | VÂNG | VÂNG* |
Trình duyệt Chrome | VÂNG | VÂNG | VÂNG |
VÂNG*
Trình duyệt Chrome
Firefox For video files, look at the
Your browser does not support the element.2 tag.
Cuộc đi săn
KHÔNG
*Từ Edge 79 | 4.0 | 9.0 | 3.5 | 4.0 | 11.5 |
Lời khuyên và ghi chú
Yếu tố | Yếu tố | Specifies that the audio will start playing as soon as it is ready |
Thuộc tính | Thuộc tính | Thuộc tính |
Giá trị | Giá trị | Sự mô tả |
tự chạy | tự chạy | Chỉ định rằng âm thanh sẽ bắt đầu phát ngay khi nó đã sẵn sàng |
kiểm soát | Chỉ định rằng các điều khiển âm thanh phải được hiển thị [chẳng hạn như nút phát/tạm dừng, v.v.] metadata none | vòng |
Chỉ định rằng âm thanh sẽ bắt đầu lại, mỗi khi nó kết thúc | tắt tiếng | Chỉ định rằng đầu ra âm thanh nên bị tắt tiếng |
tải trước
Siêu dữ liệu tự động Không có
Chỉ định nếu và làm thế nào tác giả nghĩ rằng âm thanh nên được tải khi trang tải
SRC
URL
Chỉ định URL của tệp âm thanh
Thuộc tính toàn cầu
None.
Các tính năng HTML5 bao gồm hỗ trợ âm thanh và video gốc mà không cần flash.
HTML5 và thẻ làm cho việc thêm phương tiện vào một trang web đơn giản. Bạn cần đặt thuộc tính SRC để xác định nguồn phương tiện và bao gồm thuộc tính điều khiển để người dùng có thể phát và tạm dừng phương tiện.src attribute to identify the media source and include a controls attribute so the user can play and pause the media.
Việc sử dụng thuộc tính điều khiển được sử dụng với thẻ âm thanh và video của HTML là gì?
Thuộc tính điều khiển là một thuộc tính Boolean. Khi có mặt, nó chỉ định rằng các điều khiển âm thanh/video sẽ được hiển thị.
Your browser does not support the element.
Thẻ nào được sử dụng để chèn âm thanh và video trong HTML?
Thẻ được sử dụng để nhúng nội dung video vào tài liệu, chẳng hạn như clip phim hoặc các luồng video khác. Thẻ chứa một hoặc nhiều thẻ với các nguồn video khác nhau. Trình duyệt sẽ chọn nguồn đầu tiên mà nó hỗ trợ. − Ogg files with Thedora video codec and Vorbis audio codec.
Các thuộc tính được sử dụng trong thẻ video là gì? − MPEG4 files with H.264 video codec and AAC audio codec.
Các thuộc tính của thẻ video HTML Nó xác định các điều khiển video được hiển thị với các nút phát/tạm dừng. Nó được sử dụng để đặt chiều cao của trình phát video. Nó được sử dụng để đặt chiều rộng của trình phát video. Nó chỉ định hình ảnh được hiển thị trên màn hình khi video không được phát.
Your browser does not support the element.
Điều này sẽ tạo ra kết quả sau -
Định cấu hình máy chủ cho loại phương tiện
Hầu hết các máy chủ không mặc định phục vụ phương tiện OGG hoặc MP4 với các loại MIME chính xác, vì vậy bạn có thể sẽ cần thêm cấu hình phù hợp cho việc này.
1 | HTML5 và thẻ làm cho việc thêm phương tiện vào một trang web đơn giản. Bạn cần đặt thuộc tính SRC để xác định nguồn phương tiện và bao gồm thuộc tính điều khiển để người dùng có thể phát và tạm dừng phương tiện. Việc sử dụng thuộc tính điều khiển được sử dụng với thẻ âm thanh và video của HTML là gì? |
2 | Thuộc tính điều khiển là một thuộc tính Boolean. Khi có mặt, nó chỉ định rằng các điều khiển âm thanh/video sẽ được hiển thị. Thẻ nào được sử dụng để chèn âm thanh và video trong HTML? |
3 | Thẻ được sử dụng để nhúng nội dung video vào tài liệu, chẳng hạn như clip phim hoặc các luồng video khác. Thẻ chứa một hoặc nhiều thẻ với các nguồn video khác nhau. Trình duyệt sẽ chọn nguồn đầu tiên mà nó hỗ trợ. Các thuộc tính được sử dụng trong thẻ video là gì? |
4 | Các thuộc tính của thẻ video HTML Nó xác định các điều khiển video được hiển thị với các nút phát/tạm dừng. Nó được sử dụng để đặt chiều cao của trình phát video. Nó được sử dụng để đặt chiều rộng của trình phát video. Nó chỉ định hình ảnh được hiển thị trên màn hình khi video không được phát. Các tính năng HTML5 bao gồm hỗ trợ âm thanh và video gốc mà không cần flash. |
5 | Nhúng video Dưới đây là hình thức đơn giản nhất để nhúng tệp video vào trang web của bạn - |
6 | Thông số kỹ thuật dự thảo HTML5 hiện tại không chỉ định trình duyệt định dạng video nào sẽ hỗ trợ trong thẻ video. Nhưng các định dạng video được sử dụng phổ biến nhất là - Các tệp OGG - OGG với codec video thedora và codec âm thanh vorbis. |
7 | Các tệp MPEG4 - MPEG4 với codec video H.264 và codec âm thanh AAC. Bạn có thể sử dụng TAG để chỉ định phương tiện cùng với loại phương tiện và nhiều thuộc tính khác. Phần tử video cho phép nhiều phần tử và trình duyệt nguồn sẽ sử dụng định dạng được nhận dạng đầu tiên - |
8 | Đặc tả thuộc tính video Thẻ video HTML5 có thể có một số thuộc tính để kiểm soát giao diện và các chức năng khác nhau của điều khiển - |
9 | Thuộc tính & Mô tả tự chạy |
Thuộc tính boolean này nếu được chỉ định, video sẽ tự động bắt đầu phát lại ngay khi có thể làm như vậy mà không dừng để hoàn thành tải dữ liệu.
autobuffer
Your browser does not support the element.
Thuộc tính boolean này nếu được chỉ định, video sẽ tự động bắt đầu đệm ngay cả khi nó không được đặt để tự động phát.ogg, mp3 and wav.
kiểm soát
Your browser does not support the element.
Điều này sẽ tạo ra kết quả sau -
Định cấu hình máy chủ cho loại phương tiện
Hầu hết các máy chủ không mặc định phục vụ phương tiện OGG hoặc MP4 với các loại MIME chính xác, vì vậy bạn có thể sẽ cần thêm cấu hình phù hợp cho việc này.
1 | tự chạy Thuộc tính boolean này nếu được chỉ định, âm thanh sẽ tự động bắt đầu phát lại ngay khi có thể làm như vậy mà không dừng để hoàn thành tải dữ liệu. |
2 | autobuffer Thuộc tính boolean này nếu được chỉ định, âm thanh sẽ tự động bắt đầu đệm ngay cả khi nó không được đặt để tự động phát. |
3 | kiểm soát Nếu thuộc tính này có mặt, nó sẽ cho phép người dùng kiểm soát phát lại âm thanh, bao gồm âm lượng, tìm kiếm và phát lại/tiếp tục phát lại. |
4 | vòng Thuộc tính boolean này nếu được chỉ định, sẽ cho phép âm thanh tự động tìm kiếm trở lại bắt đầu sau khi đạt đến cuối. |
5 | tải trước Thuộc tính này chỉ định rằng âm thanh sẽ được tải ở tải trang và sẵn sàng để chạy. Bỏ qua nếu tự động có mặt. |
6 | SRC URL của âm thanh để nhúng. Đây là tùy chọn; Thay vào đó, bạn có thể sử dụng phần tử trong khối video để chỉ định video để nhúng. |
Xử lý các sự kiện truyền thông
Thẻ âm thanh và video HTML5 có thể có một số thuộc tính để kiểm soát các chức năng khác nhau của điều khiển bằng cách sử dụng JavaScript -
1 | Huỷ bỏ Sự kiện này được tạo ra khi phát lại bị hủy bỏ. |
2 | có thể chơi Sự kiện này được tạo ra khi đủ dữ liệu có sẵn mà phương tiện truyền thông có thể được phát. |
3 | đã kết thúc Sự kiện này được tạo ra khi phát lại hoàn thành. |
4 | lỗi Sự kiện này được tạo ra khi xảy ra lỗi. |
5 | LoadedData Sự kiện này được tạo ra khi khung đầu tiên của phương tiện truyền thông đã hoàn thành tải. |
6 | LOADSTART Sự kiện này được tạo ra khi tải phương tiện bắt đầu. |
7 | tạm ngừng Sự kiện này được tạo ra khi phát lại được tạm dừng. |
8 | chơi Sự kiện này được tạo ra khi phát lại bắt đầu hoặc tiếp tục. |
9 | tiến triển Sự kiện này được tạo định kỳ để thông báo tiến trình tải xuống phương tiện. |
10 | Ratechange Sự kiện này được tạo ra khi tốc độ phát lại thay đổi. |
11 | tìm kiếm Sự kiện này được tạo ra khi một hoạt động tìm kiếm hoàn thành. |
12 | tìm kiếm Sự kiện này được tạo ra khi một hoạt động tìm kiếm bắt đầu. |
13 | đình chỉ Sự kiện này được tạo ra khi tải phương tiện truyền thông bị đình chỉ. |
14 | Volumechange Sự kiện này được tạo ra khi âm lượng âm thanh thay đổi. |
15 | đang chờ đợi Sự kiện này được tạo ra khi hoạt động được yêu cầu [như phát lại] bị trì hoãn trong khi chờ hoàn thành một hoạt động khác [như tìm kiếm]. |
Sau đây là ví dụ cho phép phát video đã cho -
function PlayVideo[] { var v = document.getElementsByTagName["video"][0]; v.play[]; } Your browser does not support the video element.
Điều này sẽ tạo ra kết quả sau -
Định cấu hình máy chủ cho loại phương tiện
Hầu hết các máy chủ không mặc định phục vụ phương tiện OGG hoặc MP4 với các loại MIME chính xác, vì vậy bạn có thể sẽ cần thêm cấu hình phù hợp cho việc này.
AddType audio/ogg .oga AddType audio/wav .wav AddType video/ogg .ogv .ogg AddType video/mp4 .mp4