雨声 发表于 2023-11-29 21:46

【雨声音画】化风行万里

<style>#mydiv { margin: 0 0 0 calc(50% - 881px); display: grid; place-items: center; width: 1600px; height: 800px;top:130px; background: lightblue url('https://www.dlbbs.com/data/attachment/forum/202311/29/214637d9f7u97gwn0cuula.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: 120%;
        height: 110%;
        top:-10px;
        left:-50px;
        object-fit: cover;
        pointer-events: none;
        mix-blend-mode: screen;
        z-index: 2;
        opacity: .20;
}</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=2073471303" 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:1000px; bottom: 50px;--bg: linear-gradient(SaddleBrown,Peru);',
fs_css: 'background: transparent; color: white; left:5%; bottom:5%;',
                player_css: 'right:1020px; 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><br><br><br><br>

雨声 发表于 2023-11-29 21:46


雨声 发表于 2023-11-29 21:48

月末了，祝朋友未来的日子越来越好，事事顺遂！

愤怒の葡萄 发表于 2023-11-29 21:51

雨声 发表于 2023-11-29 21:48
月末了，祝朋友未来的日子越来越好，事事顺遂！

音画帖子制作得挺漂亮的。

墨羽 发表于 2023-11-29 22:07

怎一个漂亮了得，不但模特漂亮，整体音画效果更漂亮！

瞳萤 发表于 2023-11-30 19:19

欣赏雨声精美音画，画面很美，如痴如醉了
页: [1]
查看完整版本: 【雨声音画】化风行万里