嘿宝贝 (DJ默涵版_独唱版)
<meta charset="UTF-8"><style>
#papa { margin: 120px 0 0 calc(50% - 513px); width: 1024px; height: 640px; background: url('https://i.mp3.wf/view.php/d7bb008b42e3ed28a23cf8b8804180b2.gif ') no-repeat center/cover; box-shadow: 4px 4px 8px black; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
#papa::before {position: absolute; content: url('https://i.mp3.wf/view.php/97eba1695b507db530f53c093510bcf4.gif ');left: 20%;top: -10px; mix-blend-mode: screen; }
</style>
<div id="papa">
<audio id="aud" src="https://aod.cos.tx.xmcdn.com/storages/8679-audiofreehighqps/A3/1E/GMCoOScI-A_2ACAAAAJn4kj9.m4a" autoplay loop></audio>
</div>
<script>
(function() {
let lrcAr = [
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
];
let js1 = 'https://638183.freep.cn/638183/web/api/svg_path_lrc.js',
js2 = 'https://638183.freep.cn/638183/web/lizi/h5lz_2d.js';
let loadJs = (url,callback) => {
let body = document.querySelector('body'), jsNode = document.createElement('script');
jsNode.charset = 'utf-8';
jsNode.setAttribute('src', url);
body.appendChild(jsNode);
jsNode.onload = () => callback();
};
loadJs(js1, () => {
HCPlayer({
papa: '#papa',
lrcAr: lrcAr,
lrc_css: 'left: 58%;top: 80%; --bg: linear-gradient(rgba(200,10,20,.15),rgba(200,10,20,.7)); color: #fff;',
fs_css: 'transform: translatetop: 20%; left: 66%; background: transparent;',
player_css: 'left: 60%; width: 200px; height: 60px; top: 80px;',
path: 'M10 45 a5 5 0 0 1 5 -5 h170 a5 5 0 0 1 5 5 v5 a5 5 0 0 1 -5 5 h-170 a5 5 0 0 1 -5 -5 v-5',
btn: {left: 34, top: 0},
track: {track: 'olive', prog: 'snow'},
img: {play: '', pause: ''}
});
});
loadJs(js2, () => {
H5lz({
papa: '#papa',
total: 10,
size: {width: 44, height: 47},
shape: {background: 'url("https://i.mp3.wf/view.php/8353baf1cab59471744e36670c9ca73c.png ") no-repeat center/cover', borderRadius: '0'},
ani: 'toTop',
maxTime: 30,
offset: {x: 0, y: 0},
});
});
})();
</script> @bgmnet 同一首 {:5_150:} {:5_152:}{:5_152:}{:5_152:}
页:
[1]