【简静音画】一次就好（致：雨声）

花简静 · 发表于 2023-12-7 20:51

本帖最后由花简静于 2023-12-7 20:52 编辑

花简静 · 发表于 2023-12-7 20:54

雨声妞，感冒快走开，快快好起来。。。

遵医嘱，按时吃药。。早点睡觉，好好休息。。
送你一首歌听一听，
开心一下好得快哦。。

清梦 · 发表于 2023-12-7 21:09

本帖最后由花简静于 2024-2-19 20:05 编辑

<style>
#mydiv { margin: 0 0 0 calc(50% - 931px); 
width: 1700px; 
height: 900px; 
top:130px;
box-shadow: 0 0 12px gray; 
background: url('https://pic.imgdb.cn/item/656c0009c458853aefbbb173.webp') no-repeat center/cover; 
overflow: hidden; 
z-index: 1; 
position: relative; 
display: grid; 
place-items: center; 
--state: running; }
#mydiv > img { transform: translate(30px); mix-blend-mode: screen;opacity: .50;}
#vid {
    position: absolute;
    width: 100%;
    height: 110%;
    top:-80px;
    left:1px;
    object-fit: cover;
    pointer-events: none;
    mix-blend-mode: screen;
    z-index: 2;
    opacity: .16;
}</style>
<div id="mydiv"><video id="vid" src="https://img.tukuppt.com/video_show/2418175/01/04/62/614ade273f6d1.mp4" autoplay="" loop="" muted=""></video>
<img src="" alt="" /></div><audio id="aud" src="https://music.163.com/song/media/outer/url?id=1863155247" loop="loop" autoplay="autoplay"></audio>
<script>
(function() {
    let js1 = 'https://638183.freep.cn/638183/web/api/meter_pinpu_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, () => {
        let geci = [
    [0.79,"单曲：一次就好（女生版）（翻自 杨宗纬）",1.6],
    [2.4,"歌手：骆骆",1.8],
    [4.17,"所属专辑：一次就好",1.1],
    [5.24,"作词 : 陈曦",0.9],
    [6.18,"作曲 : 董冬冬",1.3],
    [7.5,"黑师LRC编辑器",2.7],
    [10.22,"",14.8],
    [25.02,"想看你笑 想和你闹",5.2],
    [30.69,"想拥你入我怀抱",3.9],
    [36.07,"上一秒红着脸在争吵",5.4],
    [42.02,"下一秒转身就能和好",3.8],
    [48.41,"不怕你哭 不怕你叫",4.3],
    [53.29,"因为你是我的骄傲",3.7],
    [59.09,"一双眼睛追着你乱跑",5.0],
    [64.63,"一颗心早已经准备好",6.6],
    [76.05,"一次就好 我带你去看天荒地老",4.8],
    [81.88,"在阳光灿烂的日子里开怀大笑",5.0],
    [87.66,"在自由自在的空气里吵吵闹闹",4.4],
    [93.03,"你可知道 我唯一的想要",4.1],
    [98.07,"世界还小 我陪你去到天涯海角",5.5],
    [104.52,"在没有烦恼的角落里停止寻找",4.8],
    [110.2,"在无忧无虑的时光里慢慢变老",4.5],
    [115.01,"你可知道",1.7],
    [117.08,"我全部的心跳 随你跳",5.7],
    [123.76,"",20.6],
    [144.36,"想看你笑 想和你闹",4.4],
    [149.21,"想拥你入我怀抱",4.0],
    [155.03,"上一秒红着脸在争吵",5.1],
    [160.54,"下一秒转身就能和好",3.9],
    [167.1,"不怕你哭 不怕你叫",4.2],
    [171.78,"因为你是我的骄傲",3.9],
    [177.72,"一双眼睛追着你乱跑",4.9],
    [183.17,"一颗心早已经准备好",6.8],
    [194.06,"一次就好 我带你去看天荒地老",5.5],
    [200.35,"在阳光灿烂的日子里开怀大笑",4.9],
    [206.27,"在自由自在的空气里吵吵闹闹",4.4],
    [212.08,"你可知道 我唯一的想要",3.5],
    [217.16,"世界还小 我陪你去到天涯海角",5.0],
    [223.2,"在没有烦恼的角落里停止寻找",4.6],
    [228.81,"在无忧无虑的时光里慢慢变老",4.4],
    [237.08,"你可知道",0.9],
    [238.02,"我全部的心跳 随你跳",7.7]];
        HCPlayer({
            papa: '#mydiv',
            lrcAr: geci,
            fs_css: 'left: 50px; bottom:50px; background: transparent;',
            lrc_css: `
                bottom: 20px;
                font-size: 30px;
                color: WhiteSmoke;
                --bg: linear-gradient(180deg, White, SlateGray);
                opacity: .56;
            `,
            player_css: `
                top: 290px;right:172px;
                color: snow;
                z-index: 10;
            `,
            pinpu: { num: 40, width: 3, color: 'rgba(255,255,255,.5)' },
        });
    });

    loadJs(js2, () => {
        H5lz({
            papa: '#mydiv',
            total: 50,
            size: {width: 3, height: 2},
            shape: {background: '', borderRadius: '50%'},
    
            maxTime: 24,
            offset: {x: 0, y: 0},
            ani: 'out2C',
            css: 'opacity: .95; box-shadow: inset 0 0 8px #fff;',
        });
    });
})();
setInterval( () => { aud.paused ? vid.pause() : vid.play(); },100);
</script>
<br><br><br><br><br><br><br><br><br>