Mục đích của thuộc tính điều khiển trong phần tử âm thanh HTML là gì?

Thẻ âm thanh HTML được sử dụng để xác định âm thanh như âm nhạc và các đoạn âm thanh khác. Hiện tại có ba định dạng tệp được hỗ trợ cho thẻ âm thanh HTML 5

Hỗ trợ và điều khiển HTML5. Flash, Silverlight và các công nghệ tương tự được sử dụng để phát các mục đa phương tiện

Bảng này xác định trình duyệt web nào hỗ trợ định dạng tệp âm thanh nào

Browsermp3wavogg Internet Exploreryesnono Google Chromeyesyesyes Mozilla Firefoxyes*yesyes Operanoyesyes Apple Safariyesyesno

Ví dụ về thẻ âm thanh HTML

Hãy xem mã để phát tệp mp3 bằng thẻ âm thanh HTML

Kiểm tra nó ngay bây giờ

đầu ra

Trình duyệt của bạn không hỗ trợ thẻ âm thanh html

Hãy xem ví dụ để phát tệp ogg bằng thẻ âm thanh HTML

Trình duyệt hỗ trợ

Phần tử Chrome IE Firefox Opera SafariYesYesYesYesYes

Các thuộc tính của thẻ âm thanh HTML

Có một danh sách các thẻ âm thanh HTML

AttributeDescriptioncontrolsNó xác định các điều khiển âm thanh được hiển thị bằng các nút phát/tạm dừng. tự động phátChỉ định rằng âm thanh sẽ bắt đầu phát ngay khi sẵn sàng. loopIt chỉ định rằng tệp âm thanh sẽ bắt đầu lại mỗi khi hoàn thành. mutedNó được sử dụng để tắt tiếng đầu ra âm thanh. preloadIt chỉ định chế độ xem tác giả để tải lên tệp âm thanh khi tải trang. srcIt chỉ định URL nguồn của tệp âm thanh

Ví dụ về thuộc tính thẻ âm thanh HTML

Ở đây chúng ta sẽ sử dụng các thuộc tính điều khiển, tự động phát, vòng lặp và src của thẻ âm thanh HTML

Kiểm tra nó ngay bây giờ

Các loại MIME cho định dạng âm thanh HTML

Thẻ âm thanh HTML loại MIME có sẵn được cung cấp bên dưới

Định dạng âm thanhMIME Typemp3audio/mpegoggaudio/oggwavaudio/wav

Cực kỳ đơn giản để thêm và phát các tệp âm thanh trên trang web của bạn. Không còn phiền phức với việc nhúng tệp Flash hay bất cứ cách nào cũ nữa 😂 Đơn giản hóa và phát triển với thẻ HTML5

6, yay 🎉

  
  
  Your browser does not support the audio tag.

# Thuộc tính

8

Đây là một thuộc tính boolean xác định có hay không hiển thị các điều khiển âm thanh [tức là. nút bắt đầu/tạm dừng, cuộn, âm lượng]

Ghi chú. Nếu thiếu, tệp âm thanh sẽ không được hiển thị. Thông thường, bạn phải luôn bao gồm điều này. Trừ khi bạn muốn tạo bảng điều khiển của riêng mình bằng JavaScript

9

Đây là thuộc tính boolean tự động phát tệp âm thanh sau khi tải trang

Ghi chú. tính năng này có thể không hoạt động do thay đổi chính sách tự động phát của Chrome

0

Đây là một thuộc tính boolean chỉ định liệu âm thanh ban đầu có bị tắt tiếng hay không. Giá trị mặc định là

1 hoặc không bị tắt tiếng

________số 8

2

Đây là một thuộc tính boolean xác định xem tệp âm thanh có lặp lại liên tục từ đầu sau khi phát xong hay không

  
  
  Your browser does not support the audio tag.

0

3

Thuộc tính này được sử dụng để chỉ định cách tải âm thanh khi tải trang. Đó là cách bạn giao tiếp với trình duyệt xem nó có nên tải xuống và lưu trữ tệp âm thanh hay không

  
  
  Your browser does not support the audio tag.

2

Trình duyệt không nên tải âm thanh khi tải trang. Hữu ích nếu bạn muốn giảm thiểu lưu lượng truy cập không cần thiết và khi người dùng không muốn sử dụng tài nguyên phương tiện ngay lập tức

  
  
  Your browser does not support the audio tag.

3

Trình duyệt chỉ nên tải siêu dữ liệu khi tải trang. Một lần nữa, điều này được sử dụng khi người dùng không cần tài nguyên phương tiện ngay lập tức. Siêu dữ liệu mà bạn có thể tìm nạp có thể bao gồm độ dài âm thanh, danh sách bản nhạc, kích thước. vân vân

  
  
  Your browser does not support the audio tag.

4

Trình duyệt sẽ tải toàn bộ âm thanh khi tải trang

Lưu ý rằng đôi khi thuộc tính này có thể bị bỏ qua trong một số trường hợp nhất định [tức là. khi có mặt

3]

# Nguồn âm thanh đơn

Bạn có thể đặt

6 với một nguồn duy nhất bằng cách sử dụng thuộc tính

6

  
  
  Your browser does not support the audio tag.

8

Bạn cũng có thể làm điều đó thông qua thẻ

7

0

# Nhiều nguồn âm thanh

Tệp âm thanh

8 có chất lượng âm thanh tốt hơn và kích thước tệp thấp hơn so với tệp

9. Thật không may, nó không được hỗ trợ bởi tất cả các trình duyệt. May mắn thay, chúng tôi có thể chuyển nhiều nguồn trong thẻ

0. Do đó làm nó như thế này

  
  
  Your browser does not support the audio tag.

Nó đi từ trên xuống. Đó là lý do tại sao chúng tôi liệt kê

8 đầu tiên và chúng tôi thêm văn bản mặc định nếu trình duyệt không hỗ trợ thẻ

0

Bạn có thể xem thêm hỗ trợ âm thanh từ w3schools

# Các yếu tố âm thanh tạo kiểu CSS

Bạn không thể định kiểu các thành phần riêng lẻ của trình phát âm thanh, chẳng hạn như kích thước nút hoặc biểu tượng hoặc kiểu phông chữ. Nó sẽ lấy mặc định của trình duyệt cụ thể. Nhưng bạn có thể tạo kiểu cho đơn vị trình phát bên ngoài

1

# Sự kiện âm thanh JavaScript

Có rất nhiều sự kiện bạn có thể nghe trên tệp âm thanh. Ví dụ

Sự kiện Được kích hoạt khi

3Khi âm thanh bắt đầu phát

4Khi âm thanh bị tạm dừng

5Khi âm thanh hoàn thành

Bạn có thể tìm thấy danh sách sự kiện đầy đủ trên MDN

# Cách sử dụng cơ bản

Bạn có thể thêm một trình lắng nghe sự kiện như thế này

2

Ngoài ra, bạn cũng có thể thêm sự kiện bằng các thuộc tính sự kiện như thế này

3

4

Về cơ bản, cú pháp cho các thuộc tính sự kiện là như thế này

5

# Hỗ trợ trình duyệt

Hỗ trợ tuyệt vời cho tất cả các trình duyệt hiện đại, bao gồm cả Internet Explorer 9 trở lên 👍

Khả năng tương thích của Trình duyệt MDN

# Đầu vào của cộng đồng

@iamjaydeep1. Tự động phát là gì và vấn đề với nó là gì? . Khi người dùng mở một trang web và nhận được âm thanh mà họ không mong đợi hoặc không muốn, họ có trải nghiệm người dùng kém. Trải nghiệm người dùng kém này là vấn đề chúng tôi đang cố gắng giải quyết. Tiếng ồn không mong muốn là lý do chính khiến người dùng không muốn trình duyệt của họ tự động phát nội dung. Để khắc phục sự cố với tính năng tự động phát, chrome đã thực hiện một số thay đổi về chính sách. theo liên kết để biết thêm chi tiết. Giải pháp là gì? . bạn phải cần sự tương tác của người dùng để phát âm thanh như nhấp vào nút để phát hoặc tạm dừng

@MrBenJ5. Tôi đã tạo một thư viện cho phép bạn tạo trực quan hóa âm thanh từ thẻ âm thanh của mình. Nó cũng là mã nguồn mở. kiểm tra xem. thính giác. dâng trào. sh

Mục đích của thuộc tính điều khiển của phần tử âm thanh là gì?

Mục đích của việc sử dụng các điều khiển trong thẻ video âm thanh là gì?

Mục đích của thuộc tính điều khiển của phần tử video là gì?

Điều nào sau đây là thuộc tính cho phần tử âm thanh?