How to use Music Player

Sunflower

Post Malone and Swae Lee

00:0000:00

<div align="center">
<div class="player-STLH">
        <div class="cover-PS">
            <img alt="alt_here" src="image_url_here" title="image_title_here">
        </div>
        <div class="info-MS">
            <div class="title-MS">Song_Title_here</div>
            <div class="singer-MS">Description_here</div>
        </div>
        <div class="volume-box">
            <span class="volume-down"><i class="bi bi-dash"></i></span>
            <input type="range" class="volume-range" step="1" value="80" min="0" max="100"
                oninput="music.volume = this.value/100">
            <span class="volume-up"><i class="bi bi-plus"></i></span>
        </div>
        <div class="btn-box">
            <i class="bi bi-repeat repeat" onclick="handleRepeat()"></i>
            <i class="bi bi-heart favorite active" onclick="handleFavorite()"></i>
            <i class="bi bi-volume-up volume"  onclick="handleVolume()"></i>
        </div>
        
  <div class="music-box">
            <input type="range" step="1" class="seekbar" value="0" min="0" max="100" oninput="handleSeekBar()">

            <audio class="music-element">
                <source src="song_url_here">
            </audio>
            <span class="current-time">00:00</span><span class="duration">00:00</span>
            <span class="play" onclick="handlePlay()">
                <i class="bi bi-play-circle"></i>
            </span>
        </div>
    </div>
</div>

Don't forget to replace hilighted parts