|
|

楼主 |
发表于 2023-10-3 10:02
|
显示全部楼层
帖子代码
- <style>
- #papa { margin: 0 0 0 calc(50% - 593px); width: 1024px; height: 640px; background: url('https://638183.freep.cn/638183/t23/webp2/sshsjy.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; }
- #papa::before {position: absolute; content: url('https://638183.freep.cn/638183/t22/gif/star.gif'); top: 50px; mix-blend-mode: screen; }
- </style>
- <div id="papa">
- <audio id="aud" src="https://music.163.com/song/media/outer/url?id=281950" autoplay loop></audio>
- </div>
- <script>
- (function() {
- let lrcAr = [ [2,"彭丽媛 - 十送红军",4], [31.08,"一送(里格)红军",4.0], [35.03,"(介支个)下了山",2.7], [38.05,"秋风(里格)细雨",4.0], [42.01,"(介支个)秋风寒",2.7], [64.02,"五送(里格)红军",3.0], [67.02,"(介支个)过了坡",2.8], [70.07,"鸿雁(里格)阵阵",4.0], [74.09,"(介支个)空中过",3.0], [77.08,"鸿雁(里格)能够",3.3], [81.03,"捎书信",3.0], [84.08,"鸿雁(里格)飞到",4.0], [88.03,"天涯海角",6.5], [96.09,"嘱咐咱亲人",4.0], [100.06,"红军啊",3.0], [103.09,"盼望(里格)早日",4.0], [107.05,"(介支个)传捷报",3.0], [123.04,"十送(里格)红军",3.0], [126.08,"(介支个)望月亭",3.5], [130.03,"望月(里格)亭上",3.1], [133.1,"(介支个)搭高台",3.3], [137.03,"台高(里格)十丈",3.1], [140.09,"白玉柱",3.7], [144.04,"雕龙(里格)画凤",3.1], [147.09,"放呀放光彩",6.8], [156.06,"朝也盼来晚也盼",4.0], [160.02,"红军啊",3.0], [163.06,"这台(里格)名叫",4.0], [167.02,"(介支个)望红台",4.4], [196.03,"树树(里格)梧桐",2.9], [199.08,"叶落尽",3.0], [202.09,"愁绪(里格)万千",3.8], [206.02,"压在心间",6.5], [214.05,"问一声亲人",3.0], [217.08,"红军啊",3.6], [221.01,"几时(里格)人马",3.0], [224.05,"(介支个)再回山",4.0], [232.09,"几时(里格)人马",4.0], [236.05,"(介支个)再回山",5.3] ];
- 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: 'top: 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: 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: 15,
- size: {width: 32, height: 32},
- shape: {background: 'url("https://638183.freep.cn/638183/t23/btn/hshx.png") no-repeat center/cover', borderRadius: '0'},
- ani: 'toTop',
- maxTime: 30,
- offset: {x: 0, y: 0},
- });
- });
- })();
- </script>
复制代码
|
|