html5 audio

Audio trên Web


hiện nay  âm thanh hay được phát qua một plugin (như flash). Tuy nhiên, không phải tất cả các trình duyệt có  hỗ trợ  như nhau.

HTML5 quy định cụ thể một cách chuẩn để bao gồm âm thanh, với các yếu tố âm thanh.

Hiện tại, có 3 định dạng được hỗ trợ cho các yếu tố âm thanh:
Ogg
MP3
Wav

Chương trình hoạt động

Để phát một tập tin âm thanh trong HTML5, đây là tất cả các bạn cần:
<audio src="song.ogg" controls="controls">
</ audio>

Thuộc tính kiểm soát là để thêm chơi, tạm dừng, và điều khiển âm lượng.

Chèn nội dung giữa các <audio> và </ thẻ âm thanh> cho các trình duyệt không hỗ trợ các yếu tố âm thanh:
Ví dụ
<audio src="song.ogg" controls="controls">
Trình duyệt của bạn không hỗ trợ các yếu tố âm thanh.
</ audio>



Ví dụ trên sử dụng một tập tin Ogg, và sẽ làm việc trong Firefox, Opera và Chrome.

Để thực hiện các công việc âm thanh trong Safari, các tập tin âm thanh phải được các loại nhạc MP3 hay Wav.

Yếu tố âm thanh cho phép nhiều thành phần mã nguồn. Nguồn yếu tố có thể liên kết đến tập tin âm thanh khác nhau. Trình duyệt sẽ sử dụng định dạng được công nhận đầu tiên:
Ví dụ
<audio controls="controls">
src="song.ogg" <source type="audio/ogg" />
src="song.mp3" <source type="audio/mpeg" />
Trình duyệt của bạn không hỗ trợ các yếu tố âm thanh.
</ audio>


Internet Explorer

Internet Explorer 8 không hỗ trợ các yếu tố âm thanh. Trong trình duyệt IE 9, sẽ có hỗ trợ cho các yếu tố âm thanh.
<audio> Tất cả các thuộc tính
Giá trị thuộc tính mô tả
Ghi rõ autoplay, autoplay là phần âm thanh sẽ bắt đầu chơi ngay sau khi nó đã sẵn sàng.
Chỉ định rằng các điều khiển kiểm soát điều khiển sẽ được hiển thị, chẳng hạn như là một nút phát.
vòng lặp loop Chỉ định rằng các âm thanh sẽ bắt đầu chơi lại (looping) khi nó đạt đến kết thúc
tải trước tải trước Chỉ định rằng âm thanh sẽ được nạp lúc tải trang, và sẵn sàng để chạy. Bỏ qua nếu autoplay có mặt.
Ghi rõ src url URL của âm thanh để chơi