雨声 发表于 2023-11-22 13:02

【雨声音画】怎能怪你

<style>#mydiv { margin: 0 0 0 calc(50% - 890px); display: grid; place-items: center; width: 1600px; height: 700px;top:130px; background: lightblue url('https://www.dlbbs.com/data/attachment/forum/202311/22/130245g1lusfjkekez1pc5.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; user-select: none; overflow: hidden; position: relative; z-index: 1; --state: running; }
#codePre { font: normal 14px/20px Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; }
.green { color: green; }
#vid {
        position: absolute;
        width: 110%;
        height: 100%;
        top:-10px;
        left:-30px;
        object-fit: cover;
        pointer-events: none;
        mix-blend-mode: screen;
        z-index: 2;
        opacity: .10;
}</style>    <div id="mydiv"><video id="vid" src="https://img3.tukuppt.com/video_show/2418175/00/02/22/5b52de8ec8111.mp4" autoplay="" loop="" muted=""></video></div><audio id="aud" src="https://music.163.com/song/media/outer/url?id=306983" autoplay="" loop=""></audio>    <script>let script = document.createElement('script');
    script.src = 'https://638183.freep.cn/638183/web/api/pinpu_lrc.js';
    document.head.appendChild(script);

    (function() {
       let lrcAr = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];

       window.onload = () => {
            HCPlayer({
                papa: '#mydiv',
                lrcAr: lrcAr,
                lrc_css: 'right: 100px; bottom: 50px;--bg: linear-gradient(SaddleBrown,Peru);',
fs_css: 'background: transparent; color: white; left:5%; bottom:5%;',
                player_css: 'right:100px; bottom: 100px; --track: #eee; --prog: SaddleBrown; --cap: silver;',
                pinpu: {num: 80, width: 3, height: 100, color: 'linear-gradient(to top, Peru, SaddleBrown)'}
            });
      };
    })();
setInterval( () => { aud.paused ? vid.pause() : vid.play(); },100);</script>
<br><br><br><br>

雨声 发表于 2023-11-22 13:02


雨声 发表于 2023-11-22 13:05

记录今天摇一摇51{:9005:}

愤怒の葡萄 发表于 2023-11-22 16:59

帖子制作得挺漂亮的。

愤怒の葡萄 发表于 2023-11-22 16:59

雨声 发表于 2023-11-22 13:05
记录今天摇一摇51

不错了，比葡萄高一点点。

墨羽 发表于 2023-11-22 21:39

呀这个全屏欣赏效果嗷嗷好，我的超大显示器全屏电影效果，好好看！{:9022:}

悦儿 发表于 2023-11-22 22:15

{:9001:}雨声姐姐近期好图真不少{:10_403:}

白萌 发表于 2023-11-22 22:36

听歌赏画~

雨声 发表于 2023-11-23 15:02

愤怒の葡萄 发表于 2023-11-22 16:59
帖子制作得挺漂亮的。

谢谢葡萄临帖支持。

雨声 发表于 2023-11-23 15:02

愤怒の葡萄 发表于 2023-11-22 16:59
不错了，比葡萄高一点点。

嗯嗯，今天继续，问好葡萄，祝好！
页: [1] 2
查看完整版本: 【雨声音画】怎能怪你