红影 发表于 2023-11-25 08:41

《流光飞舞》贺香染芳辰(11.26)

<style>
#papa { margin: 80px 0 0 calc(50% - 581px); width: 1024px; height: 640px; background: #f1faef; box-shadow: 3px 3px 20px #000; display: grid; place-items: center; z-index: 1; position: relative; --state: running; overflow: hidden; }
#vid { position: absolute; width: 100%; height: 100%;object-fit: cover; pointer-events: none;z-index: -1; opacity: 0.65; }
#vid1 { position: absolute;left: 110px;top:100px; width: 800px; height: 450px; object-fit: cover; opacity: 0.9; z-index: -1;}
#vid2 { position: absolute;left: -10px;bottom:-20px; width: 260px; height: 260px; object-fit: cover; opacity: 0.9; z-index: -1; mix-blend-mode: multiply; }
#pic1{ position: absolute; right: -10px; top: 0px; width: 168px; height: 106px; opacity: .95; }
.flyBox { --w: 220px; width: var(--w); overflow: hidden; color: Fuchsia; position: absolute; bottom: 90px; font-size: 20px; }
.flyBox div { word-break: keep-all; white-space: nowrap; animation: fly 10s linear infinite; }
@keyframes fly { from { transform: translateX(100%); } to { transform: translateX(calc(0% - var(--w))); }}
</style>

<div id="papa"><video id="vid" src="https://video-js.51miz.com/preview/video/00/00/14/96/V-149646-0614FABD.mp4" autoplay="" loop="" muted="" bd_landing_video_statistic_record_key="1"></video>
<video id="vid1" src="https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/76bc29373259907eafb2bac72b98b825_preview.mp4" autoplay="" loop="" muted="" bd_landing_video_statistic_record_key="1"></video>
<video id="vid2" src="https://video-js.51miz.com/preview/element/00/01/26/69/E-1266963-4D179D49.mp4" autoplay="" loop="" muted="" bd_landing_video_statistic_record_key="1"></video>
<img id="pic1" src="https://pic.imgdb.cn/item/6560b384c458853aef8793aa.gif" alt="" />
<div class="flyBox"><div>翻唱《流光飞舞》 演唱者:香染</div></div>
</div>
<audio id="aud" src="https://file.uhsea.com/2311/38c69b927f887d1f6ce26def9718e59fGM.mp3" autoplay loop></audio>
<script>
(function() {
    let script = document.createElement('script');
    script.src = 'https://638183.freep.cn/638183/web/api/oscpp_lrc.js';
    script.charset = 'utf-8';
    document.head.appendChild(script);
let geci = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
   script.onload = () => {
      HCPlayer({
        papa: '#papa', /* 宿主元素 */
        lrcAr: geci, /* 歌词 */       
        lrc_css: `
                top: 20px; /* 位置 */
                color:         Linen; /* 歌词底色 */
                --bg: linear-gradient(rgba(247,202,239,.25),rgba(241,131,223,.9));/* 歌词同步颜色 */
        `,
        player_css: `
                bottom: 0px;
                border-width: 0;
                color: DarkVoilet;
                --hh: 90px; /* 频谱最大高度 */
                --discSize: 35px; /* 播放按钮宽高 */
                --discBg: conic-gradient(tan,green,pink,purple); /* 播放按钮背景,支持图片、渐变 */
        `,
        pinpu: {num: 120, size: 2, gap: 0, color1: '', color2: ''},
        fs_css: 'left: -100px; top: 10px; --color: #eee; --bg: #333;', /* 全屏按钮 */
      });
   };
})();
setInterval( () => { aud.paused ? vid.pause() : vid.play(); },100);
</script>

红影 发表于 2023-11-25 08:42

明天是你的生日@香染 ,祝福香宝生日快乐,幸福快乐,芳龄永继{:5_166:}{:4_177:}

红影 发表于 2023-11-25 08:44

去复习使用了黑黑的16号示波频谱播放器,感谢黑黑的代码{:4_187:}

红影 发表于 2023-11-25 08:49

去听了香宝很多翻唱,发现最喜欢这首,就用你的歌曲做个帖子,送你个小礼{:4_173:}

愤怒的葡萄 发表于 2023-11-25 09:06

姐姐起得好早啊,我今天八点半才起床的。

梦油 发表于 2023-11-25 09:13

借影子朋友美帖祝福香染生日快乐!

红影 发表于 2023-11-25 09:23

愤怒的葡萄 发表于 2023-11-25 09:06
姐姐起得好早啊,我今天八点半才起床的。

我家养了只小猫咪,每天早上都会准时喊我起床。它不懂周六周日,我要是不起来,它就跑我头顶来叫。
自从1年多前养了它,我基本没有周末睡懒觉的权利了{:4_173:}

红影 发表于 2023-11-25 09:24

梦油 发表于 2023-11-25 09:13
借影子朋友美帖祝福香染生日快乐!

谢谢,跟梦油一起祝福她{:4_187:}

世外桃源 发表于 2023-11-25 09:32

好看,跟着祝贺{:4_204:}

世外桃源 发表于 2023-11-25 09:32

翻唱好听,花潮都是能人啊。

世外桃源 发表于 2023-11-25 09:33

欣赏欣赏。

红影 发表于 2023-11-25 09:57

世外桃源 发表于 2023-11-25 09:32
好看,跟着祝贺

谢谢,跟世外桃源一起祝福香染{:4_204:}

红影 发表于 2023-11-25 09:57

世外桃源 发表于 2023-11-25 09:32
翻唱好听,花潮都是能人啊。

是啊,花潮能人多多{:4_173:}

幸运草 发表于 2023-11-25 10:33

介个系翻唱吖,真好听{:6_244:}

亦是金 发表于 2023-11-25 10:47

祝福香染,生日快乐!{:4_187:}

醉美水芙蓉 发表于 2023-11-25 12:06

醉美水芙蓉 发表于 2023-11-25 12:07

红影 发表于 2023-11-25 14:25

幸运草 发表于 2023-11-25 10:33
介个系翻唱吖,真好听

是啊,是香染自己唱的,我去K歌里找到的{:4_173:}

红影 发表于 2023-11-25 14:26

亦是金 发表于 2023-11-25 10:47
祝福香染,生日快乐!

跟亦是金老师一起祝福{:4_187:}

红影 发表于 2023-11-25 14:26

醉美水芙蓉 发表于 2023-11-25 12:06
欣赏红影美女精彩播放器!

多谢水芙蓉美女鼓励{:4_187:}
页: [1] 2 3
查看完整版本: 《流光飞舞》贺香染芳辰(11.26)