Xem thảo luận
Cải thiện bài viết
Lưu bài viết
Xem thảo luận
Cải thiện bài viết
Lưu bài viết
Đọc
Syntax:
<audio> <source src="sample.mp3" type="audio/mpeg"> </audio>Bàn luận
Kể từ khi phát hành HTML5, âm thanh có thể được thêm vào các trang web bằng thẻ. Âm thanh trước đây chỉ có thể được phát trên các trang web bằng các plugin web như Flash. Thẻ là một phần tử nội tuyến được sử dụng để nhúng các tệp âm thanh vào một trang web. Đó là một thẻ rất hữu ích nếu bạn muốn thêm âm thanh như bài hát, phỏng vấn, vv trên trang web của bạn.
<!DOCTYPE html>
<html>
<body>
Ví dụ 1:
<!DOCTYPE html>5<!DOCTYPE html>6
<!DOCTYPE html>8<!DOCTYPE html>0>
<<3>
<!DOCTYPE html>5<6
<!DOCTYPE html>8<3>
HTML
<<!DOCTYPE html>0 <!DOCTYPE html>1<!DOCTYPE html>2<!DOCTYPE html>3>
<html3 html4
<!DOCTYPE html>8html3>
<!DOCTYPE html>8body>
<!DOCTYPE html>8html>
Output:
<!DOCTYPE html>5<html7 html8<!DOCTYPE html>2>0 >1______12In this example, audio will play automatically after loading the web page.
Kể từ khi phát hành HTML5, âm thanh có thể được thêm vào các trang web bằng thẻ. Âm thanh trước đây chỉ có thể được phát trên các trang web bằng các plugin web như Flash. Thẻ là một phần tử nội tuyến được sử dụng để nhúng các tệp âm thanh vào một trang web. Đó là một thẻ rất hữu ích nếu bạn muốn thêm âm thanh như bài hát, phỏng vấn, vv trên trang web của bạn.
<!DOCTYPE html>
<html>
<body>
Ví dụ 1:
<!DOCTYPE html>5<!DOCTYPE html>6
<!DOCTYPE html>8<!DOCTYPE html>0>
<<3>
HTML
<!DOCTYPE html>8<3>
<<!DOCTYPE html>0 <!DOCTYPE html>1<!DOCTYPE html>2<!DOCTYPE html>3>
<<!DOCTYPE html>0 <!DOCTYPE html>1<!DOCTYPE html>2<!DOCTYPE html>3>
<html3 html4
<!DOCTYPE html>8html3>
<!DOCTYPE html>8body>
<!DOCTYPE html>8html>
Output:
Phần tử cho phép chúng tôi nhúng các tệp video vào HTML, rất giống với cách hình ảnh được nhúng. Các thuộc tính chúng ta có thể bao gồm là: SRC Thuộc tính này là viết tắt của nguồn, rất giống với thuộc tính SRC được sử dụng trong phần tử hình ảnh. Chúng tôi sẽ thêm liên kết vào một tệp video trong thuộc tính SRC.
Phần tử HTML <!DOCTYPE html>29 được sử dụng để phát tệp âm thanh trên trang web.
Phần tử HTML
Để phát một tệp âm thanh trong HTML, hãy sử dụng phần tử <!DOCTYPE html>29:
Thí dụ
Your browser does not support the audio element.
& nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ các yếu tố âm thanh.
Hãy tự mình thử »
HTML Audio - Cách hoạt động
Thuộc tính <!DOCTYPE html>31 thêm các điều khiển âm thanh, như chơi, tạm dừng và âm lượng.
Phần tử <!DOCTYPE html>32 cho phép bạn chỉ định các tệp âm thanh thay thế mà trình duyệt có thể chọn. Trình duyệt sẽ sử dụng định dạng được công nhận đầu tiên.
Văn bản giữa các thẻ <!DOCTYPE html>29 và <!DOCTYPE html>34 sẽ chỉ được hiển thị trong các trình duyệt không hỗ trợ phần tử <!DOCTYPE html>29.
HTML Autoplay
Để phát một tệp âm thanh trong HTML, hãy sử dụng phần tử <!DOCTYPE html>29:
Thí dụ
Your browser does not support the audio element.
& nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ các yếu tố âm thanh.
Hãy tự mình thử » Chromium browsers do not allow autoplay in most cases. However, muted autoplay is always allowed.
HTML Audio - Cách hoạt động
Để phát một tệp âm thanh trong HTML, hãy sử dụng phần tử <!DOCTYPE html>29:
Thí dụ
Your browser does not support the audio element.
& nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ các yếu tố âm thanh.
Hãy tự mình thử »
HTML Audio - Cách hoạt động
Văn bản giữa các thẻ <!DOCTYPE html>29 và <!DOCTYPE html>34 sẽ chỉ được hiển thị trong các trình duyệt không hỗ trợ phần tử <!DOCTYPE html>29. | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
Phần tử <!DOCTYPE html>32 cho phép bạn chỉ định các tệp âm thanh thay thế mà trình duyệt có thể chọn. Trình duyệt sẽ sử dụng định dạng được công nhận đầu tiên.
Văn bản giữa các thẻ <!DOCTYPE html>29 và <!DOCTYPE html>34 sẽ chỉ được hiển thị trong các trình duyệt không hỗ trợ phần tử <!DOCTYPE html>29.
Thêm <!DOCTYPE html>37 sau khi <!DOCTYPE html>38 để cho tệp âm thanh của bạn bắt đầu phát tự động (nhưng bị tắt tiếng): | Hỗ trợ trình duyệt | Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phần tử <!DOCTYPE html>29. | Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phần tử <!DOCTYPE html>29. |
Yếu tố | Hỗ trợ trình duyệt | Hỗ trợ trình duyệt | Hỗ trợ trình duyệt |
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phần tử <!DOCTYPE html>29. | Hỗ trợ trình duyệt | Hỗ trợ trình duyệt | Hỗ trợ trình duyệt |
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phần tử <!DOCTYPE html>29. | Hỗ trợ trình duyệt | Hỗ trợ trình duyệt | Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phần tử <!DOCTYPE html>29. |
Yếu tố | Hỗ trợ trình duyệt | Hỗ trợ trình duyệt | Hỗ trợ trình duyệt |
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phần tử <!DOCTYPE html>29.
Yếu tố
Trình duyệt | Wav |
OGG | Cạnh/tức là |
VÂNG | VÂNG* |
Trình duyệt Chrome
Firefox
Cuộc đi săn
KHÔNG
Opera
Thẻ âm thanh HTML
Văn bản giữa các thẻ <!DOCTYPE html>29 và <!DOCTYPE html>34 sẽ chỉ được hiển thị trong các trình duyệt không hỗ trợ phần tử <!DOCTYPE html>29. | Xác định nội dung âm thanh |
Văn bản giữa các thẻ <!DOCTYPE html>29 và <!DOCTYPE html>34 sẽ chỉ được hiển thị trong các trình duyệt không hỗ trợ phần tử <!DOCTYPE html>29. | Xác định nội dung âm thanh |