小辣椒 发表于 2024-1-15 23:09

柔情深种：走过岁月

<style>
#papa { margin: 150px 0 0 calc(50% - 801px); width: 1440px; height: 801px; box-shadow: 3px 3px 20px #000; background: url('https://xlaj.cn/assets/file/zp/20240115210248.jpg') no-repeat center/cover; position: relative; display: grid; place-items: center; overflow: hidden; z-index: 1; }
#papa video{ position: absolute; width:75%; height: 75%; top:69px; left: 195px; object-fit: cover; pointer-events: none; mix-blend-mode: screen; z-index: 2; opacity: .85;}

#tit {
      position: absolute;   
      top: 10px;
      background-image:url('https://xlaj.cn/assets/file/zp/20240118150805.gif '); background-size:cover;
      width:350px; height:200px; left: 40px; font: bold 2.2em 微软雅黑; serif;
      text-align:center; line-height:200px; color:transparent;
      -webkit-background-clip:text;
      solid; z-index: 10;
}
#tit2 {
      position: absolute;   
      top: 60px;
      background-image:url('https://xlaj.cn/assets/file/zp/20240118150805.gif'); background-size:cover;
      width:350px; height:120px; left: 100px; font: bold 1.6emserif;
      text-align:center; line-height:200px; color:transparent;
      -webkit-background-clip:text;
      border:0px #FF4A20 solid; z-index: 10;
}

</style>

<div id="papa">

<div id="tit">柔情深种</div>

<div id="tit2">TO：走过岁月</div>
      <video id="vid" src="https://lk999.oss-cn-guangzhou.aliyuncs.com/rqsz.mp4" loop muted></video>
</div>

<script>
let sf = document.createElement('script');
sf.src = 'https://638183.freep.cn/638183/web/api/ypPlayer.min.js';
sf.charset = 'utf-8';
document.body.appendChild(sf);

sf.onload = () => {
      let player = new ypP();
      player.setAudSrc('https://xlaj.cn/assets/file/zp/20240115210416.mp3');
      player.setBtnCss(`
                width: 300px;
                bottom: 30px;
                --btnBg: url('https://638183.freep.cn/638183/web/svg/sunfl-2.svg') no-repeat center/cover;
                --trackBg: transparent;
                --progBg: rgba(0,100,0,.7);
                --btnSize: 50px;
      `);
      player.setLrcCss('top: 80%;left: 42%;color: rgba(144,238,144,.9); --bg: rgba(0,100,0,.65); font-size: 2.0em;');
      player.lrcAr = [ ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ];
};
</script>

小辣椒 发表于 2024-1-15 23:11

第一次用岁月的AE频谱配播放器音乐完美呈现频谱效果

liumang 发表于 2024-1-15 23:12

漂亮的频谱效果，成功后小辣椒喜欢的东东，玩不停了{:5_116:}

小辣椒 发表于 2024-1-15 23:13

liumang 发表于 2024-1-15 23:12
漂亮的频谱效果，成功后小辣椒喜欢的东东，玩不停了

哈哈，是的，我就喜欢这些频谱动感的效果

liumang 发表于 2024-1-15 23:15

小辣椒 发表于 2024-1-15 23:13
哈哈，是的，我就喜欢这些频谱动感的效果

现在几点了，怎么还不睡觉去{:5_133:}

小辣椒 发表于 2024-1-15 23:15

liumang 发表于 2024-1-15 23:15
现在几点了，怎么还不睡觉去
下了，晚安{:5_141:}

admin 发表于 2024-1-16 10:15

好看，，，很搭配 居然是视频来着不错赞{:5_116:}{:5_116:}

小辣椒 发表于 2024-2-5 20:45

admin 发表于 2024-1-16 10:15
好看，，，很搭配 居然是视频来着不错赞

{:5_127:}{:5_127:}
页: [1]
查看完整版本: 柔情深种：走过岁月