index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
    <meta name="robots" content="index,follow">
    <script src="https://kit.fontawesome.com/879eeadb23.js" crossorigin="anonymous"></script>

    <title>Indian Lofi 24*7</title>

    <script>
        window.onload = function() {
            var context = new AudioContext();
        }
    </script>

</head>

<body>


    <audio hidden id="audio1" controls loop>
        <source src="http://docs.google.com/uc?export=open&id=1Ya1AccsN8Mntlv0E1PVgfjkNO_ZaxUki" type="audio/mp3">

        Your browser does not support the audio element.
    </audio>


    <!-- <button id="playbutton" onclick="x.play()"> <i class="fas fa-play-circle"></i></button>
    <button id="pausebutton" onclick="x.pause()"> <i class="fas fa-pause-circle"></i> </button> -->
    <input id="myCheck" type="checkbox" onchange="myfunction()">


    <script type="text/javascript">
        var x = document.getElementById("audio1");
        var playb = document.getElementById("playbutton")
        var pauseb = document.getElementById("pausebutton")
        var checkBox = document.getElementById("myCheck");

        function playAudio() {
            x.play();
        }

        function pauseAudio() {
            x.pause();
        }

        myfunction = function() {
            if (checkBox.checked) {
                x.play();
            } else {
                x.pause();
            }
        };
    </script>
    <!--     
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');
    </style>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/js/all.min.js" integrity="sha256-qM7QTJSlvtPSxVRjVWNM2OfTAz/3k5ovHOKmKXuYMO4=" crossorigin="anonymous"></script> -->


    <link href='https://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
    <div id='stars'></div>
    <div id='stars2'></div>
    <div id='stars3'></div>
    <div id='title'>
        <span>
        
      </span>
        <br>
        <span>
       
      </span>
    </div>

    <center>
        <h1>Indian Lofi Music</h1>
    </center>


</body>

</html>