Âm thanh HTML không phát

Để tạo mã trình phát âm thanh HTML chính xác, ngoài phần tử âm thanh, bạn phải sử dụng các phần tử và thuộc tính HTML khác

Khi bạn đọc xong bài viết này, bạn sẽ trở thành chuyên gia trong việc tạo trình phát âm thanh HTML trên trang web của mình chỉ trong vài bước

nội dung

• Thẻ âm thanh HTML là gì?
• Học cách tạo cú pháp phần tử âm thanh HTML
  • – Mã Ví dụ 1. Yếu tố cơ bản
  • – Mã Ví dụ 2. Thuộc tính đơn
  • – Tạo cú pháp phần tử âm thanh HTML hoàn chỉnh
  • – Mã ví dụ 3. Hoàn thành cú pháp
  • – Cú pháp âm thanh HTML không có phần tử nguồn
  • – Mã ví dụ 4. Không có yếu tố nguồn
• Làm cách nào để triển khai Thẻ âm thanh?
• Tìm hiểu thêm về các thuộc tính phần tử
  • – Tự động phát HTML
  • – Điều khiển HTML
  • – HTML Crossorigin
  • – Vòng lặp HTML
  • – HTML bị tắt tiếng
  • – Tải trước HTML
  • – HTML Src
• Lời cuối cùng và ghi chú bổ sung

Thẻ âm thanh HTML là gì?

Thẻ âm thanh HTML được sử dụng để tải tệp âm thanh lên trang web của bạn. Người dùng có thể tương tác với các nút điều khiển để phát và tạm dừng tệp âm thanh. Bạn có thể sử dụng một số phương pháp để triển khai thẻ này bên trong cú pháp HTML của mình

Học cách tạo cú pháp phần tử âm thanh HTML

Các yếu tố cơ bản được thảo luận trong phần trước của bài viết này là tất cả những gì cần thiết để thêm âm thanh vào tài liệu HTML. Tất nhiên, mọi thứ phải được lồng vào bên trong các thẻ âm thanh HTML và các thuộc tính phải được đưa vào bên trong thẻ mở

Mặt khác, phần tử nguồn HTML không có thẻ đóng, nghĩa là bạn không phải lo lắng về chúng

– Mã Ví dụ 1. Yếu tố cơ bản

Ví dụ sau sẽ cho bạn thấy cú pháp HTML trông như thế nào khi không có bất kỳ phần tử hoặc thuộc tính bổ sung nào

Có hai phần tử nguồn HTML trong ví dụ này và mỗi phần tử chứa một thuộc tính HTML duy nhất. Giá trị của thuộc tính không phải lúc nào cũng phải là một URL cụ thể. Đôi khi, bạn thậm chí có thể bao gồm và chỉ định đường dẫn tệp âm thanh nếu nó nằm trên cùng một máy chủ với tài liệu chính của bạn. Ví dụ này chỉ hiển thị cột sống của cú pháp hoàn chỉnh nhưng bây giờ chúng ta hãy tạo một mã HTML có ý nghĩa hơn

– Mã Ví dụ 2. Thuộc tính đơn

Cú pháp HTML mà chúng tôi sắp giới thiệu cho bạn có chứa một thuộc tính duy nhất bên trong thẻ mở âm thanh HTML mở đầu

Bằng cách viết mã này, bạn sẽ giới thiệu thành công âm thanh của một con ong vào trang web của mình. Người dùng có thể điều hướng và phát âm thanh bằng các nút điều khiển. Bây giờ chúng ta hãy tạo một cú pháp HTML hoàn chỉnh

– Tạo cú pháp phần tử âm thanh HTML hoàn chỉnh

Các phần tử và thuộc tính HTML không bao giờ được sử dụng riêng vì chúng cần được lồng vào bên trong phần đầu và phần thân của tài liệu HTML chính của bạn. Tất cả siêu dữ liệu của trang web của bạn được bao gồm trong phần đầu của tài liệu. Vì phần tử âm thanh HTML không phải là một phần của siêu dữ liệu nên hãy luôn đưa nó vào bên trong phần nội dung tài liệu của bạn. Chúng tôi sẽ cho bạn thấy một ví dụ như vậy trông như thế nào trong phần này của bài viết

– Mã ví dụ 3. Hoàn thành cú pháp

Cú pháp sau chứa cú pháp HTML hoàn chỉnh chứa tất cả các phần tử HTML khác