<style>
#papa { margin: 0 0 0 calc(50% - 593px); width: 1024px; height: 640px; background: url('https://file.uhsea.com/2310/d6a8d80e63f94699c69b296e45dafca1CF.jpg') 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, #papa::after { position: absolute; content: url('https://file.uhsea.com/2310/5e73a209c889ccc1a38440e006beff45ZJ.gif'); top: 0; mix-blend-mode: screen; opacity: .75; }
#papa::after { top: calc(100% - 188px); opacity: .25; }
</style>
<div id="papa">
<audio id="aud" src="https://file.uhsea.com/2310/89e20b56d339cf95386329404fe55ef9DL.mp3" autoplay loop></audio>
</div>
<script>
(function() {
let lrcAr = [ [2,"杨洪基 - 滚滚长江东逝水",6], [56.09,"滚滚长江东逝水",8.4], [65.1,"浪花淘尽英雄",8.6], [75.1,"是非成败转头空",8.5], [84.07,"青山依旧在",3.7], [88.18,"几度夕阳红",3.8], [101.02,"白发渔樵江渚上",7.5], [110.04,"惯看秋月春风",6.3], [118.09,"一壶浊酒喜相逢",6.9], [126,"古今多少事",2.5], [130.00,"都付笑谈中",9.2], [140.04,"一壶浊酒喜相逢",7.4], [148.56,"古今多少事",3.0], [151.09,"都付笑谈中",15] ];
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: 'bottom: 20px;',
fs_css: 'transform: translate(0,-35px); background: transparent;',
player_css: 'width: 200px; height: 100px; bottom: 70px; filter: hue-rotate(90deg);',
path: 'M5 50 L10 45 Q35 80 50 50 T100 70 T160 70 T 195 65',
btn: {left: 64, top: 0},
track: {track: 'olive', prog: 'darkred'},
img: {play: '', pause: ''}
});
});
loadJs(js2, () => {
H5lz({
papa: '#papa',
total: 25,
size: {width: 18, height: 18},
shape: {background: 'url("https://file.uhsea.com/2310/43504e3a64e8c4097e61d90b8ec49e02L3.png") no-repeat center/cover', borderRadius: ''},
ani: 'toBottom',
maxTime: 30,
offset: {x: 0, y: 0},
});
});
})();
</script>