<style>
#mydiv {
margin: auto;
position: relative;
width: 1024px;
height: 640px;
background: url('./18u.jpg') no-repeat center/cover;
box-shadow: 3px 3px 8px gray;
overflow: hidden;
}
@keyframes rotating { to { transform: rotate(360deg); } }
</style>
<div id="mydiv">
<audio src="https://music.163.com/song/media/outer/url?id=1401905670" autoplay loop></audio>
<div id="lrc" data-lrc="HUACHAO LRC">HUACHAO LRC</div>
<div id="btnplay"></div>
</div>
<script>
var geci = [ [2,"心灵音乐 - 舞者",3], [340,"",1] ];
var sF = document.createElement('script');
sF.charset = 'utf-8';
sF.src = 'https://638183.freep.cn/638183/web/js/btnlrc.js';
document.querySelector('body').appendChild(sF);
Array.from({length: all = 5}).forEach((item,key) => {
item = document.createElement('ye-zi');
item.style.cssText += `--ww: 30px; --deg: ${360 / all * key}deg;`;
btnplay.prepend(item);
});
</script>