Hướng dẫn audio html - html âm thanh

1) Thẻ trong HTML

- Thẻ được dùng để tạo một "trình phát nhạc" cho trang web. được dùng để tạo một "trình phát nhạc" cho trang web.

- Ví dụ: Bên dưới là một trình phát nhạc.

- Để tạo một trình phát nhạc thì thẻ cần phải được sử dụng kết hợp với thẻ để xác định tập tin âm thanh mà bạn muốn phát.

- Đoạn mã bên dưới dùng để tạo một trình phát nhạc giống như ví dụ phía trên

<audio controls> <source src="../file/bell.mp3"> </audio>

Xem ví dụ

2) Các thuộc tính được sử dụng trong thẻ

- Thẻ có sáu thuộc tính cơ bản.

- Dưới đây là bảng mô tả sơ lược về sáu thuộc tính đó:

src

Xác định đường dẫn đến tập tin âm thanh mà bạn muốn phát

controls

Xác định việc "trình phát nhạc sẽ được hiển thị trên màn hình"

autoplay

Thiết lập hành động:"sau khi trang web được tải xong, trình phát nhạc sẽ tự động chơi bản nhạc"
"sau khi trang web được tải xong, trình phát nhạc sẽ tự động chơi bản nhạc"

loop

Thiết lập hành động "bản nhạc sẽ tự động được phát lặp lại sau mỗi lần kết thúc"

muted

Xác định việc trình phát nhạc sẽ mặc định được thiết lập ở chế độ "tắt tiếng"

preload

Xác định việc tập tin âm thanh có được tải cùng với lúc tải trang hay không

2.1) Thuộc tính src

- Thuộc tính src dùng để xác định đường dẫn đến tập tin âm thanh mà bạn muốn phát.

- Lưu ý: "Đường dẫn đến tập tin âm thanh mà bạn muốn phát" có thể được xác định bằng đường dẫn tương đối hoặc đường dẫn tuyệt đối.

<audio src="../file/bell.mp3" controls></audio>

Xem ví dụ

2) Các thuộc tính được sử dụng trong thẻ

<audio controls> <source src="../file/bell.mp3"> </audio>

Xem ví dụ

2) Các thuộc tính được sử dụng trong thẻ

- Thẻ có sáu thuộc tính cơ bản.

<audio controls autoplay> <source src="../file/bell.mp3"> </audio>

Xem ví dụ

2) Các thuộc tính được sử dụng trong thẻ

- Thẻ có sáu thuộc tính cơ bản.

<p>- Trình phát nhạc bên dưới ĐƯỢC hiển thị.</p> <audio controls> <source src="../file/bell.mp3"> </audio> <p>- Trình phát nhạc bên dưới KHÔNG ĐƯỢC hiển thị.</p> <audio> <source src="../file/bell.mp3"> </audio>

Xem ví dụ

2) Các thuộc tính được sử dụng trong thẻ

<audio autoplay> <source src="../file/bell.mp3"> </audio>

Xem ví dụ

2) Các thuộc tính được sử dụng trong thẻ

- Thẻ có sáu thuộc tính cơ bản.

<audio controls loop> <source src="../file/bell.mp3"> </audio>

Xem ví dụ

2) Các thuộc tính được sử dụng trong thẻ

- Thẻ có sáu thuộc tính cơ bản.

<audio controls muted> <source src="../file/bell.mp3"> </audio>

Xem ví dụ

2) Các thuộc tính được sử dụng trong thẻ

- Thẻ có sáu thuộc tính cơ bản.

- Dưới đây là bảng mô tả sơ lược về sáu thuộc tính đó:

src

Xác định đường dẫn đến tập tin âm thanh mà bạn muốn phát

controls

Xác định việc "trình phát nhạc sẽ được hiển thị trên màn hình"

autoplay
(nó chỉ được tải khi người dùng bấm vào nút play)

<audio controls preload="none"> <source src="../file/bell.mp3"> </audio>

Xem ví dụ

2) Các thuộc tính được sử dụng trong thẻ

- Thẻ có sáu thuộc tính cơ bản.

- Dưới đây là bảng mô tả sơ lược về sáu thuộc tính đó:

MIME-type

src

audio/mpeg

Xác định đường dẫn đến tập tin âm thanh mà bạn muốn phát

audio/wav

controls

audio/ogg

Xác định việc "trình phát nhạc sẽ được hiển thị trên màn hình"

autoplay MP3Thiết lập hành động:"sau khi trang web được tải xong, trình phát nhạc sẽ tự động chơi bản nhạc"loop
Thiết lập hành động "bản nhạc sẽ tự động được phát lặp lại sau mỗi lần kết thúc"

muted

muted

muted

Xác định việc trình phát nhạc sẽ mặc định được thiết lập ở chế độ "tắt tiếng"

muted

muted

muted

Xác định việc trình phát nhạc sẽ mặc định được thiết lập ở chế độ "tắt tiếng"

muted

muted

muted

Xác định việc trình phát nhạc sẽ mặc định được thiết lập ở chế độ "tắt tiếng"

muted

muted

Xác định việc trình phát nhạc sẽ mặc định được thiết lập ở chế độ "tắt tiếng"

preload

muted

Xác định việc trình phát nhạc sẽ mặc định được thiết lập ở chế độ "tắt tiếng"

Xác định việc trình phát nhạc sẽ mặc định được thiết lập ở chế độ "tắt tiếng"

preload

<audio controls> <source src="../file/bell.ogg"> <source src="../file/bell.mp3"> </audio>

Xem ví dụ

Chủ đề