Practical – 113.11 : Use of Audio Tag (Audio ટેગ્સનો ઉપયોગ)

Program Code : 

<!DOCTYPE html>

<html>

<head>

    <title>ITI Audio Tag Example</title>

    <style>

        body {

            font-family: Arial, sans-serif;

            margin: 30px;

            background-color: #f0f8ff;

        }

        h1 {

            color: #004080;

        }

        .audio-box {

            background-color: #e6f2ff;

            border: 2px solid #004080;

            padding: 20px;

            border-radius: 10px;

            width: 400px;

        }

    </style>

</head>

<body>

    <h1>Welcome to ITI Audio Training</h1>

    <div class=”audio-box”>

        <p><strong>Listen to the welcome message:</strong></p>

        <audio controls>

            <source src=”welcome-message.mp3″ type=”audio/mpeg”>

            Your browser does not support the audio element.

        </audio>

    </div>

</body>

</html>