花简静贴子代码及说明汇总（翻页有新贴）

花简静

HCPlayer

花简静

<style>
        @import 'https://638183.freep.cn/638183/web/mod/btn_lrc.css';
        #tz { --state: running; margin: 130px 0 30px calc(50% - 931px);width:1700px; height: 900px;  background: url('http://qslt.net/data/attachment/forum/202501/21/%E4%BC%A0%E5%9B%BE%E8%AF%95%E5%B8%96/094810bcmslwyizibci16l.jpg') no-repeat center/cover; overflow: hidden;}
        #fsbtn { top: -120px; }
        #lrc {left: 50%;transform: translateX(-50%);bottom: 30px; --bg: linear-gradient(Wheat,SlateBlue); color: silver;font: bold 2.0em cursive;opacity: .86; }
        #mplayer { left: 6%; bottom:32%;width: 60px; height: 60px; display: grid; place-items: center;opacity: .46; }
        .feather { position: absolute; width: 30px; height: 30px; background: url('https://642303.freep.cn/642303/tu/th0120.png') no-repeat center/cover; }
        .vid { position: absolute; width: 100%; height: 120%;top:-90px; object-fit: cover;  mix-blend-mode: screen;opacity: .56;}
</style>

<div id="tz" class="pa">
        <audio src="https://music.163.com/song/media/outer/url?id=482933652.mp3"></audio>
        <video class="vid" src="h ttps://img.tukuppt.com/video_show/2916847/00/17/74/5ecdddf687cca.mp4" autoplay loop muted></video>
        <video class="vid" src="https://img.tukuppt.com/video_show/7165162/00/17/65/5ecb96f484078.mp4" autoplay loop muted></video>
        <div id="lrc" class="lrc" data-lrc="HCPlayer">HCPlayer</div>
        <div id="mplayer" class="mplayer"></div>
        <div id="fsbtn" class="fsbtn"></div>
</div>

<script type="module">
        import { hcplay } from 'https://638183.freep.cn/638183/web/mod/btn_lrc.js';
        import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
        var lrcAr = [
        [0.55,"单曲： 涉川",1.2],
        [1.74,"歌手：蔡明希（不才）",1.4],
        [3.1,"所属专辑：涉川",1.1],
        [4.21,"作词 : 怀袖",1.4],
        [5.57,"作曲 : 少司命",1.2],
        [6.81,"编曲 : 灰原穷/纪粹希",1.4],
        [8.17,"和声：小时姑娘",1.3],
        [9.45,"编曲：灰原穷/纪粹希",1.2],
        [10.64,"和声编写：银临",1.1],
        [11.75,"歌曲后期：安迪",1.7],
        [13.43,"2025年元月祝雷少生日快乐",4.3],
        [17.77,"",6.2],
        [24,"我行过草木炎凉",3.9],
        [28.97,"山高水远，岁月柔长",3.6],
        [34.05,"折花别襟上，秀坊夜雨",4.9],
        [39.81,"最宜怀乡",2.8],
        [44.07,"啊~入梦来满城烟光",4.6],
        [49.07,"故友尘世，寂静熙攘",3.7],
        [54,"惜乎空杯对坐明月光",5.0],
        [59.07,"人在春秋茫茫",3.6],
        [64.09,"有情处天地最仓皇",3.6],
        [69.13,"扇底风换了鬓底飞霜",3.5],
        [74.07,"幸而岁寒日暖，穿身而往",4.7],
        [79.07,"终有未失未忘",3.5],
        [84.07,"若不能共老水云间",3.6],
        [89.04,"见长剑覆雪，如见并肩",3.5],
        [94.14,"如风灯在前，涉深河暗夜",3.9],
        [98.05,"旧时光岿然不灭",4.7],
        [105.45,"",5.8],
        [111.22,"",4.3],
        [115.52,"",8.5],
        [124.06,"月是江心风流眼",3.7],
        [129.05,"我自举杯，杨柳掀帘",3.7],
        [134.09,"敬此生颠沛，春风之外",4.7],
        [139.7,"花未凋谢",3.1],
        [143.99,"啊~溯游从之多少年",3.6],
        [149.14,"秉烛夜逢，四方明灭",3.6],
        [154.07,"醉也梦也浑然已忘言",5.0],
        [159.07,"人在杨柳岸边",3.6],
        [164.1,"有情处天地最仓皇",4.1],
        [169.01,"扇底风换了鬓底飞霜",3.7],
        [174.08,"幸而岁寒日暖，穿身而往",4.8],
        [179.05,"终有未失未忘",3.7],
        [184.08,"若不能共老水云间",3.5],
        [188.05,"见长剑覆雪，如见并肩",4.6],
        [194.09,"如烟火无边，灼深河暗夜",4.9],
        [199.01,"旧时光岿然不灭",4.5]
];
        var total = 6, a = 360 / total;
        for(var i = 0; i < total; i++) {
                var f = document.createElement('span');
                f.className = 'feather';
                f.style.cssText += `transform: rotate(${i * a}deg) translateY(-30px);`;
                mplayer.appendChild(f);
        }
        hcplay(tz, lrcAr);
        fscreen.fs(tz, fsbtn);
</script>

花简静

花简静

花简静

花简静

花简静

花简静

花简静

花简静