|
|

楼主 |
发表于 2023-10-1 07:56
|
显示全部楼层
帖子代码
- <style>
- #papa { margin: 0 0 0 calc(50% - 593px); width: 1024px; height: 640px; background: url('https://638183.freep.cn/638183/t23/webp2/04.webp') no-repeat center/cover; box-shadow: 4px 4px 8px black; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
- </style>
- <div id="papa">
- <audio id="aud" src="https://music.163.com/song/media/outer/url?id=2063486979" autoplay loop></audio>
- </div>
- <script>
- (function() {
- let lrcAr = [ [2.02,"刀郎 - 颠倒歌",7.9], [9.88,"制作统筹 : 张旖旎(Judy)",3.6], [13.49,"把一只鳖扔进黄色的便盆它会自觉高贵",7.3], [24.34,"骑一头驴参加宫廷的舞会它能自比王妃",7.3], [35.14,"阳光照不亮夜里的鬼 六畜难懂人间味",7.7], [48.41,"它以为总是它以为 扁桃肿得比脑肥",7.9], [61.84,"当一条狗叼着骨头趴下会看见它的尾巴",7.3], [72.66,"当踩扁一只螃蟹再看它就发现一只王八",6.5], [83.3,"这世间众生多么的繁杂 话也瞎来心也瞎",7.7], [96.78,"路也滑来人也滑 一不小心就踩粑粑",7.5], [111.64,"采薜荔呀水呀来呀 树梢搴那芙蓉花",7.9], [122.24,"苞谷地呀里一棵葱 装得比那棒槌大",8.0], [133.14,"苍蝇专叮那无缝的蛋",5.9], [139.72,"思想起来就采了一朵野菊花",5.2], [156.02,"这世间众生多么的繁杂 话也瞎来心也瞎",7.3], [169.04,"路也滑来人也滑 一不小心就踩粑粑",7.5], [182.41,"采薜荔呀水呀来呀 树梢搴那芙蓉花",7.8], [192.96,"苞谷地呀里一棵葱 装得比那棒槌大",8.0], [203.85,"苍蝇专叮那无缝的蛋",6.0], [210.46,"思想起来就采了一朵野菊花",5.4] ];
- 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; --bg: linear-gradient(rgba(200,10,20,.35),rgba(200,10,20,.7)); color: #aaa;',
- fs_css: 'transform: translate(0,-35px); background: transparent;',
- player_css: 'width: 200px; height: 200px; transform: translateY(-20px);',
- path: 'M10 10 H190 L100 190z',
- btn: {left: 34, top: 20},
- track: {track: 'olive', prog: 'snow'},
- img: {play: '', pause: ''}
- });
- });
- loadJs(js2, () => {
- H5lz({
- papa: '#papa',
- total: 15,
- size: {width: 32, height: 32},
- shape: {background: 'url("https://638183.freep.cn/638183/web/svg/flower_1.svg") no-repeat center/cover', borderRadius: '0'},
- ani: 'toTop',
- maxTime: 30,
- offset: {x: -100, y: 0},
- });
- });
- })();
- </script>
复制代码
|
|