Welcome To Vuong Ln

<p><br /></p>

 <style type="text/css">

.player-STLH{transform:translate(0%,0%);width:330px;height:530px;border-radius:15px;background-color:#f3f3f3;box-shadow:0 15px 20px 0 #dadada;}.player-STLH input[type=range]{-webkit-appearance:none!important;margin:0px;padding:0px;background:#e7e8ff;height:5px;width:150px;outline:none;cursor:pointer;overflow:hidden;border-radius:5px;}.player-STLH input[type=range]::-ms-fill-lower{background:#f2eae4;}.player-STLH input[type=range]::-ms-fill-upper{background:#f2eae4;}.player-STLH input[type=range]::-moz-range-track{border:none;background:#f2eae4;}.player-STLH input[type=range]::-webkit-slider-thumb{-webkit-appearance:none!important;background:#555eed;height:5px;width:5px;border-radius:50%;box-shadow:-100vw 0 0 100vw #BEC2FF;}.player-STLH input[type=range]::-moz-range-thumb{background:#555eed;height:8px;width:8px;border-radius:100%;}.player-STLH input[type=range]::-ms-thumb{-webkit-appearance:none!important;background:#555eed;height:8px;width:8px;border-radius:100%;}.player-STLH .cover-PS{width:150px;height:150px;border-radius:50%;overflow:hidden;position:absolute;left:50%;top:50px;transform:translateX(-50%);box-shadow:0 5px 20px 0 #bec2ff;}.player-STLH .cover-PS img{width:100%;height:100%;object-fit:cover-PS;}.player-STLH .info-MS{position:absolute;left:50%;top:240px;transform:translateX(-50%);text-align:center;}.player-STLH .info-MS .title-MS{font-size:20px;font-weight:700;color:#444;margin-bottom:2px;}.player-STLH .info-MS .singer-MS{font-size:12px;color:#72646f;}.player-STLH .btn-box{position:absolute;top:330px;width:100%;display:flex;justify-content:center;}.player-STLH .btn-box i{font-size:24px;color:#72646f;margin:0 30px;cursor:pointer;}.player-STLH .btn-box i.active{color:#555eed;}.player-STLH .volume-box{display:none;position:absolute;left:50%;top:295px;transform:translateX(-50%);z-index:1;padding:0 20px;}.player-STLH .volume-box .volume-down{position:absolute;left:-15px;top:50%;transform:translateY(-50%);cursor:pointer;color:#72646f;}.player-STLH .volume-box .volume-up{position:absolute;right:-15px;top:50%;transform:translateY(-50%);cursor:pointer;color:#72646f;}.player-STLH .volume-box .volume-up::selection{background-color:unset;}.player-STLH .volume-box input[type=range]{height:5px;width:150px;margin:0 0 15px 0;}.player-STLH .volume-box.active{display:block;}.player-STLH .music-box{position:absolute;left:50%;top:385px;transform:translateX(-50%);}.player-STLH .music-box input[type=range]{height:5px;width:230px;margin:0 0 10px 0;}.player-STLH .music-box input[type=range]::-webkit-slider-thumb{height:5px;width:7px;}.player-STLH .music-box .current-time{position:absolute;left:-35px;top:50%;transform:translateY(-50%);font-size:12px;color:#72646f;}.player-STLH .music-box .duration{position:absolute;right:-35px;top:50%;transform:translateY(-50%);font-size:12px;color:#72646f;}.player-STLH .music-box .play,.player-STLH .music-box .pause{position:absolute;left:50%;top:55px;transform:translateX(-50%);width:50px;height:50px;border-radius:50px;background-color:#e7e8ff;cursor:pointer;transition:all 0.4s;}.player-STLH .music-box .play i,.player-STLH .music-box .pause i{font-size:36px;color:#72646f;position:absolute;left:50%;top:50%;transform:translate(-48%,-50%);}.player-STLH .music-box .pause i{font-size:32px;transform:translate(-50%,-50%);}

  </style>

<div align="center">

<div class="player-STLH">

        <div class="cover-PS">

            <img alt="Song Poster" src="https://imgur.com/24dwL7g.png" title="Song Title" />

        </div>

        <div class="info-MS">

            <div class="title-MS">&nbsp;Em Nào Có Tội X Khi Yêu Nào Đâu Ai Muốn</div>

            <div class="singer-MS">Ly Hong Lien</div>

        </div>

        <div class="volume-box">

            <span class="volume-down"><i class="material-icons">remove</i></span>

            <input class="volume-range" max="100" oninput="music.volume = this.value/100" type="range" value="80" />

            <span class="volume-up"><i class="material-icons">add</i></span>

        </div>

        <div class="btn-box">

            <i class="material-icons repeat" onclick="handleRepeat()">repeat</i>

            <i class="material-icons favorite active" onclick="handleFavorite()">favorite</i>

            <i class="material-icons volume" onclick="handleVolume()">volume_up</i>

        </div>

        <div class="music-box">

            <input class="seekbar" max="100" oninput="handleSeekBar()" type="range" value="0" />

            <audio class="music-element">

                <source src="https://files.catbox.moe/9wkley.mp3" type="audio/mp3"></source>

            </audio>

            <span class="current-time">0:0</span><span class="duration">0:0</span>

            <span class="play" onclick="handlePlay()">

                <i class="material-icons">play_arrow</i>

            </span>

        </div>

    </div>

</div>

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"></link>

<script type="text/javascript">

     // player

var music = document.querySelector('.music-element')

var playBtn = document.querySelector('.play')

var seekbar = document.querySelector('.seekbar')

var currentTime = document.querySelector('.current-time')

var duration = document.querySelector('.duration')

function handlePlay() {

    if (music.paused) {

        music.play();

        playBtn.className = 'pause'

        playBtn.innerHTML = '<i class="material-icons">pause</i>'

    } else {

        music.pause();

        playBtn.className = 'play'

        playBtn.innerHTML = '<i class="material-icons">play_arrow</i>'

    }

    music.addEventListener('ended', function () {

        playBtn.className = 'play'

        playBtn.innerHTML = '<i class="material-icons">play_arrow</i>'

        music.currentTime = 0

    });

}

music.onloadeddata = function () {

    seekbar.max = music.duration

    var ds = parseInt(music.duration % 60)

    var dm = parseInt((music.duration / 60) % 60)

    duration.innerHTML = dm + ':' + ds

}

music.ontimeupdate = function () { seekbar.value = music.currentTime }

handleSeekBar = function () { music.currentTime = seekbar.value }

music.addEventListener('timeupdate', function () {

    var cs = parseInt(music.currentTime % 60)

    var cm = parseInt((music.currentTime / 60) % 60)

    currentTime.innerHTML = cm + ':' + cs

}, false)

// like

var favIcon = document.querySelector('.favorite')

function handleFavorite() {

    favIcon.classList.toggle('active');

}

// repeat

var repIcon = document.querySelector('.repeat')

function handleRepeat() {

    if (music.loop == true) {

        music.loop = false

        repIcon.classList.toggle('active')

    }

    else {

        music.loop = true

        repIcon.classList.toggle('active')

    }

}

// volume

var volIcon = document.querySelector('.volume')

var volBox = document.querySelector('.volume-box')

var volumeRange = document.querySelector('.volume-range')

var volumeDown = document.querySelector('.volume-down')

var volumeUp = document.querySelector('.volume-up')

function handleVolume() {

    volIcon.classList.toggle('active')

    volBox.classList.toggle('active')

}

volumeDown.addEventListener('click', handleVolumeDown);

volumeUp.addEventListener('click', handleVolumeUp);

function handleVolumeDown() {

    volumeRange.value = Number(volumeRange.value) - 20

    music.volume = volumeRange.value / 100

}

function handleVolumeUp() {

    volumeRange.value = Number(volumeRange.value) + 20

    music.volume = volumeRange.value / 100

}

 </script><div><br /></div><b>
  
  <p><br /></p>

<div><br /></div>

New music: Em Nào Có Tội X Khi Yêu Nào Đâu Ai Muốn by Ly Hong Lien </b>&nbsp;<div><br /></div><div><span style="color: red;">This music is only shown on my website <a href="https://kehuydietamnhac.blogspot.com">kehuydietamnhac.blogspot.com</a>, stealing is strictly prohibited and if it appears on other websites or social networks it infringes my copyright!</span><div><h1 style="text-align: left;"><b>☞ Communications:&nbsp;</b></h1><div>• Capture/Upload: July 24, 2020</div><div><br /></div><div>• Rights owner: Ly Hong Lien</div><div><br /></div><div>• Email address: lamyt8434@gmail.com</div><div><br /></div><div>• Phone/Fax: +84363848292</div><div><br /></div><div>• Physical address:&nbsp;Phu Rieng Do, Tan Dong ward, Dong Xoai town, Binh Phuoc Province, Vietnam</div><div><br /></div><div>©️ Production and copyright belong to Lien.&nbsp;</div><div><br /></div><div>©️ The copyright of this music belongs to Lien.</div><div><br /></div><div>Copyright © 2020 Lien - All rights reserved!!!</div><div><br /></div><div>Do not reup in any form.</div></div></div>