南无月 发表于 2024-5-3 12:57

【黑师代码】想把我唱给你听（回赠：小辣椒）

本帖最后由 南无月 于 2024-5-3 12:59 编辑 <br /><br /><style>
#papa { margin:100px 0 0 calc(50% - 931px); width: 1700px; height: 900px;top:130px; box-shadow: 3px 3px 20px #000; background: url('https://pic.imgdb.cn/item/6586f350c458853aef5be18d.webp') no-repeat center/cover; position: relative; display: grid; place-items: center; overflow: hidden; z-index: 1; }
#papa video { position: absolute; width: 100%; height: 110%; top: -80px; opacity: .26; object-fit: cover; pointer-events: none; mix-blend-mode: screen; }

</style>

<div id="papa">
        <video id="vid" src="" autoplay loop muted></video>
        <video id="vid" src="https://img.tukuppt.com/video_show/15653652/01/07/35/616d2b8379cc7.mp4" autoplay 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('http://music.9yuefeng.com/forum.php?mod=attachment&aid=MTEyfDFmZTAxY2YxfDE3MDc3MTQzMTF8MjZ8OTY%3D.mp3');
        player.setBtnCss(`
                width: 300px;
                bottom: 60px;
                --btnBg: url('https://pic.imgdb.cn/item/6586d6ddc458853aefca6c74.png') no-repeat center/cover;
                --trackBg: transparent;
                --progBg:         #FFF0F5;
                --btnSize: 50px;
        `);
        player.setLrcCss('color: Thistle;font-size: 20px;bottom: 15px;--bg: linear-gradient(180deg, White, #DC143C);');
        player.lrcAr = [
        [-0.2,"单曲：想把我唱给你听",1.7],
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
};
myplayer.onclick = () => aud.paused ? aud.play() : aud.pause();
</script>
<br><br><br><br><br><br><br><br><br><br>

南无月 发表于 2024-5-3 12:58

@小辣椒 谢谢你漂亮的贴子哈，创意好，效果好，节日快乐~~

红影 发表于 2024-5-3 13:15

背景图和制作美极了，很有空间想象力。视频也用得好，把氛围烘托得很到位。
好美的礼物，小辣椒亲爱的收礼开心{:4_199:}

红影 发表于 2024-5-3 13:16

这么美的帖子，可惜音乐我这里听不到呢{:4_173:}

愤怒的葡萄 发表于 2024-5-3 14:49

非常漂亮的音画作品，欣赏了。

南无月 发表于 2024-5-3 16:23

红影 发表于 2024-5-3 13:15
背景图和制作美极了，很有空间想象力。视频也用得好，把氛围烘托得很到位。
好美的礼物，小辣椒亲爱的收礼 ...

感谢影子鼓励，一起开心哈。。{:4_187:}

南无月 发表于 2024-5-3 16:23

红影 发表于 2024-5-3 13:16
这么美的帖子，可惜音乐我这里听不到呢

我电脑打开也要手动点播放。。
手机看是自动的。
奇怪。

南无月 发表于 2024-5-3 16:24

愤怒的葡萄 发表于 2024-5-3 14:49
非常漂亮的音画作品，欣赏了。

谢谢地愤怒的葡萄临帖支持哈。。{:4_187:}

马黑黑 发表于 2024-5-3 16:36

这几何学得老好了，构图效果美美哒

南无月 发表于 2024-5-3 16:48

马黑黑 发表于 2024-5-3 16:36
这几何学得老好了，构图效果美美哒

歌曲链接又失效了。。酷美的这里不太行？

马黑黑 发表于 2024-5-3 17:22

南无月 发表于 2024-5-3 16:48
歌曲链接又失效了。。酷美的这里不太行？

在哪里用都一样，不是特稳定

樵歌 发表于 2024-5-3 21:20

太美了！小辣椒收礼开心。

小辣椒 发表于 2024-5-3 21:26

南无月 发表于 2024-5-3 12:58
@小辣椒 谢谢你漂亮的贴子哈，创意好，效果好，节日快乐~~

啊~~谢谢月月，漂亮的画面，美女好养眼哦，视频加的效果也是特别的美{:4_178:}

小辣椒 发表于 2024-5-3 21:26

就是音乐我没有听到，你是音乐是http的，我听不到

小辣椒 发表于 2024-5-3 21:27

谢谢月月大礼，开心收礼了{:4_179:}

南无月 发表于 2024-5-3 21:55

马黑黑 发表于 2024-5-3 17:22
在哪里用都一样，不是特稳定

手机是真可以听到。正常播放{:4_170:}

南无月 发表于 2024-5-3 21:56

樵歌 发表于 2024-5-3 21:20
太美了！小辣椒收礼开心。

感谢樵管支持，一同开心{:4_190:}

马黑黑 发表于 2024-5-3 21:56

南无月 发表于 2024-5-3 21:55
手机是真可以听到。正常播放

它主要是流量的问题。服务器毕竟都有带宽，拥挤时会突然中断访问。

南无月 发表于 2024-5-3 21:57

小辣椒 发表于 2024-5-3 21:26
就是音乐我没有听到，你是音乐是http的，我听不到

这个音源163的不给听了，又做了一次酷美的。。

现在手机可以听，论坛听不了。。{:4_170:}

南无月 发表于 2024-5-3 21:58

小辣椒 发表于 2024-5-3 21:26
啊~~谢谢月月，漂亮的画面，美女好养眼哦，视频加的效果也是特别的美

{:4_187:}小辣椒我再找找歌曲哦。。
页: [1] 2 3 4
查看完整版本: 【黑师代码】想把我唱给你听（回赠：小辣椒）