Thẻ audio
Thẻ audio điều khiển việc phát
tệp âm thanh trên trang HTML. Khi
thêm nó vào, một trình phát sẽ xuất hiện,
có các nút "Lùi", "Tiến",
"Dừng" và như vậy (giao diện và số lượng của chúng phụ thuộc
vào trình duyệt). Đường dẫn đến tệp được chỉ định thông qua
thuộc tính src hoặc thẻ lồng nhau source.
Thẻ source cần thiết để chỉ định
đường dẫn đến các tệp ghi âm ở các định dạng khác nhau
(vì các trình duyệt hỗ trợ các định dạng âm thanh khác nhau,
ví dụ mp3 hoặc wav).
Nếu bạn có bản ghi ở một trong các định dạng,
thì cần chuyển đổi nó sang các định dạng khác.
Bên trong thẻ audio có thể viết văn bản,
sẽ được hiển thị trong các trình duyệt không
hỗ trợ âm thanh trong HTML (điều này được thực hiện
để thông báo cho người dùng về điều đó).
Nếu bạn muốn thấy trình phát để điều khiển việc phát
âm thanh - nên thêm thuộc tính controls.
Nếu không có nó, bạn sẽ không thấy gì - và âm thanh
cũng sẽ không có. Để có âm thanh khi không có
trình phát - hãy thêm thuộc tính autoplay.
Các thuộc tính
| Thuộc tính | Mô tả |
|---|---|
src |
Chỉ định đường dẫn đến tệp âm thanh.
Nhưng tốt hơn là sử dụng thẻ source cho việc này
(trong trường hợp này có thể chỉ định âm thanh ở các định dạng khác nhau).
|
preload |
Được sử dụng để tải tệp âm thanh đồng thời với việc tải trang web.
Các giá trị được chấp nhận: none (không tải tệp, mặc định),
metadata (chỉ tải thông tin dịch vụ: thời lượng phát và như vậy),
auto (tải toàn bộ tệp âm thanh khi tải trang HTML).
|
autoplay |
Âm thanh bắt đầu phát ngay sau khi tải trang,
khi đó sự có mặt của thuộc tính preload sẽ bị bỏ qua.
Thuộc tính không có giá trị. |
controls |
Thêm bảng điều khiển vào tệp âm thanh.
khi đó sự có mặt của thuộc tính preload sẽ bị bỏ qua.
Thuộc tính không có giá trị. |
loop |
Lặp lại bản ghi âm theo "vòng tròn": sau khi kết thúc, nó sẽ bắt đầu phát lại từ đầu.
khi đó sự có mặt của thuộc tính preload sẽ bị bỏ qua.
Thuộc tính không có giá trị. Mặc định (nếu không có thuộc tính) bản ghi sẽ chỉ phát 1 lần.
|
muted |
Tắt âm thanh trong bản ghi âm.
Thuộc tính không có giá trị. Mặc định (nếu không có thuộc tính) bản ghi có âm thanh được bật. |
Ví dụ . Trình phát trên trang web
Hãy thêm một trình phát với bản ghi âm vào trang.
Dành cho những trình duyệt không hỗ trợ
thẻ audio, một ghi chú đặc biệt
về điều này được để lại:
<audio src="track.mp3" controls>
Trình duyệt của bạn không hỗ trợ audio trên HTML5.
</audio>
Ví dụ . Trình phát trên trang web với thẻ source
Và bây giờ hãy thêm thẻ source
thay cho thuộc tính src
cho thẻ audio:
<audio controls>
<source src="track.mp3">
Trình duyệt của bạn không hỗ trợ audio trên HTML5.
</audio>
