花甲走四方 发表于 2026-7-12 08:42

今夜的雨蒙蒙

本帖最后由 花甲走四方 于 2026-7-12 20:36 编辑 <br /><br /><style>
#mama {
        margin: 130px 0 30px calc(50% - 721px);
        width: 1280px;
        height: 720px;
        background: url('https://picasa.eu.org/i/2026/07/11/nu9l0h.jpg') no-repeat center/cover;
        box-shadow: 0 0 8px rgba(0,0,0,.65);
        overflow: hidden;
        z-index: 1;
        position: relative;
}
#mama > video {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        mix-blend-mode: screen;
        -webkit-mask: linear-gradient(to right top, red 10%, transparent 90%, transparent);
        pointer-events: none;
}
</style>

<div id="mama" class="mama">
        <audio src="https://mpimg.cn/view.php/32c508c9f14a9e1a32d7a3596aa87c5e.mp3" autoplay loop></audio>
        <video src="https://img2.tukuppt.com/video_show/6181262/01/33/15/62e3a7ae53835.mp4" autoplay loop muted></video>
</div>

<script>
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/curve_yslrc.js';
document.body.appendChild(sf);

sf.onload = () => {
        HCPlayer({
                papa: '#mama',
                geci: geci,
                skip: 0,
                average: 0,
                dir: 2,
                img: {play: '', pause: ''},
                player_css: `
                        left: 50%;
                        transform:translateX(-50%);
                        bottom: 10px;
                        width: 200px;
                        height: 90px;
                        --track: #ddffcc;
                        --prog: #fff;
                `,
                lrc_css: 'left: 50%; top: 20px; transform: translateX(-50%);',
                fs_css: 'right: 10px; top: 10px; --bg: transparent; --color: white;',
        });
};

var geci = `今夜的雨蒙蒙
想起昨夜的月朦朧
你依偎在我的懷中
只有一片風聲
我的夢我的夢
就象這雨蒙蒙
今夜的雨蒙蒙
月光它不再朦朧
你也不在我的懷中
只有一片雨聲
我的夢我的夢
就象這雨蒙蒙
今夜的雨蒙蒙
月光它不再朦朧
你也不在我的懷中
只有一片雨聲
我的夢我的夢
就象這雨蒙蒙`;
</script>

花甲走四方 发表于 2026-7-12 08:45

请管理员删除{:4_189:}

花甲走四方 发表于 2026-7-12 08:47

来这边欣赏
https://sijige.serv00.net/bbs/forum.php?mod=viewthread&tid=82&extra=page%3D1{:4_173:}

梦江南 发表于 2026-7-12 09:02

花甲走四方 发表于 2026-7-12 08:47
来这边欣赏
https://sijige.serv00.net/bbs/forum.php?mod=viewthread&tid=82&extra=page%3D1

高老师，这是老师的论坛吗？

花甲走四方 发表于 2026-7-12 09:18

梦江南 发表于 2026-7-12 09:02
高老师，这是老师的论坛吗？

周日快乐
是我的小论坛
欢迎坐客
{:4_190:}

梦江南 发表于 2026-7-12 10:02

花甲走四方 发表于 2026-7-12 09:18
周日快乐
是我的小论坛
欢迎坐客

高老师，为帖子调整下到居中就好了，现在是偏左。

梦江南 发表于 2026-7-12 10:03

本帖最后由 梦江南 于 2026-7-12 10:55 编辑

花甲走四方 发表于 2026-7-12 09:18
周日快乐
是我的小论坛
欢迎坐客
小论坛，很清爽。赞啦！

花甲走四方 发表于 2026-7-12 10:06

梦江南 发表于 2026-7-12 10:02
高老师，为帖子调整下到居中就好了，现在是偏左。

在我那边发没有问题，在这里就借位了，我修改还改不了{:4_181:}

梦江南 发表于 2026-7-12 10:59

哈哈，高老师，这下要叫影子来删除了，自己删除不了

花甲走四方 发表于 2026-7-12 11:01

{:4_172:}

梦江南 发表于 2026-7-12 14:12

好像代码有点问题，网页变形了。

梦江南 发表于 2026-7-12 14:13

花甲走四方 发表于 2026-7-12 11:20
本帖最后由 花甲走四方 于 2026-7-12 11:23 编辑
#mama {
        margin: 130px 0 30px calc(50% - 721px);


这张图有好点

红影 发表于 2026-7-12 19:41

我取消了Html 的勾选，高老师现在可以编辑了。{:4_204:}
代码我没动，现在看起来是代码不完整，歌词只有一半，剩下的都没了。

花甲走四方 发表于 2026-7-12 20:38

红影 发表于 2026-7-12 19:41
我取消了Html 的勾选，高老师现在可以编辑了。
代码我没动，现在看起来是代码不完整，歌词只有一 ...

我怕还出错，改了个《今夜的雨蒙蒙》{:4_189:}

小辣椒 发表于 2026-7-12 21:55

花甲走四方 发表于 2026-7-12 08:45
请管理员删除
为什么删除？挺好的啊

只是以后歌词开始不要今夜的雨蒙蒙开始 直接开始可以加上歌曲一些信息，今天开始出来我以为歌词出错了 音乐听下去歌词出来了{:4_173:}

小辣椒 发表于 2026-7-12 21:57

花甲走四方 发表于 2026-7-12 08:47
来这边欣赏
https://sijige.serv00.net/bbs/forum.php?mod=viewthread&tid=82&extra=page%3D1

老师的音频效果加的非常好，赞的！

花甲走四方 发表于 2026-7-12 22:42

小辣椒 发表于 2026-7-12 21:55
为什么删除？挺好的啊

只是以后歌词开始不要今夜的雨蒙蒙开始 直接开始可以加 ...

好的，谢谢，又学一招{:4_199:}

花甲走四方 发表于 2026-7-12 22:56

小辣椒 发表于 2026-7-12 21:57
老师的音频效果加的非常好，赞的！

自己做的音频可视化{:4_205:}

红影 发表于 2026-7-14 19:32

花甲走四方 发表于 2026-7-12 20:38
我怕还出错，改了个《今夜的雨蒙蒙》

这个好，非常漂亮的制作，给高老师点赞{:4_199:}
页: [1]
查看完整版本: 今夜的雨蒙蒙