42. Nhúng Audio Trong HTML

Nhúng Audio trong HTML: Để nhúng âm thanh vào trang web HTML, bạn có thể sử dụng thẻ <audio>. Thẻ này cho phép bạn chèn và điều khiển tệp âm thanh trực tiếp trên trang web. Dưới đây là một ví dụ về cách sử dụng thẻ <audio> để nhúng một tệp âm thanh vào trang web:

html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Audio Example</title>
</head>
<body>
    <h1>Audio Example</h1>
    
    <audio controls>
        <source src="audio.mp3" type="audio/mpeg">
        Your browser does not support the audio tag.
    </audio>
</body>
</html>

Trong ví dụ trên:

Chúng ta sử dụng thẻ <audio> để tạo một khung chứa tệp âm thanh trên trang web.
Thuộc tính controls cho phép hiển thị các nút điều khiển như nút play, pause và thanh tua âm thanh.
Sử dụng thẻ <source> bên trong thẻ <audio> để chỉ định nguồn âm thanh và loại tệp. Ở đây, chúng tôi đang sử dụng một tệp âm thanh MP3 (audio.mp3).
Nếu trình duyệt không hỗ trợ thẻ <audio> hoặc định dạng âm thanh, văn bản “Your browser does not support the audio tag.” sẽ hiển thị thay thế.

Tương tự như video, bạn cần cung cấp đường dẫn đúng đến tệp âm thanh của bạn để âm thanh được hiển thị đúng cách.

Leave a Comment Cancel Reply