霜染枫丹 发表于 2026-3-14 15:10

那风啊 .......沉在水底的鱼演唱

本帖最后由 霜染枫丹 于 2026-3-14 23:09 编辑 <br /><br /><style>
@import 'https://638183.freep.cn/638183/web/tz/tz.v5.css';
.pa { --bg: url('https://ff.xiaoqiaodali.top:5401/i/2026/03/14/69b4d816856ed.gif') no-repeat center/cover, linear-gradient(to top right, lightblue, aliceblue, purple); background-blend-mode: multiply; }
.vid { top: 30%; left: 40%; width: 20vw; height: 20vw; border-radius: 50%; cursor: pointer; }
/* 这里加了 top: 40px 让歌词向上移动 */
.fadeInLrc { left: 30px; top: 30px; letter-spacing: 4px; writing-mode: vertical-rl; text-orientation: upright; --rect: 0 0 100% 0; --border: 0; }


}
</style>

<div class="pa"></div>

<script>
var gc = `
那风啊......
词曲：沉在水底的鱼
演唱：沉在水底的鱼
啊 啊 啊 啊
这世界我来过
我曾为它流泪过
这人间我路过
它的颜色有我的一抹
那风啊我吹过
它越吹我越蓬勃
那路啊我走过
我要用双脚踏平它的坎坷
你只看见了我的沉默
看不见我胸中有山河
你只看见我眼中的光泽
看不见我的心中有烛火
你只看见我身影寂寞
看不见我种下的花朵
你只看见风雨袭来我不闪躲
看不见我不回头的决绝
这世界我来过
我曾为它流泪过
这人间我路过
它的颜色有我的一抹
那风啊我吹过
它越吹我越蓬勃
那路啊我走过
我要用双脚踏平它的坎坷
你只看见了我的沉默
看不见我胸中有山河
你只看见我眼中的光泽
]看不见我的心中有烛火
你只看见我身影寂寞
看不见我种下的花朵
你只看见风雨袭来我不闪躲
看不见我不回头的决绝
这世界我来过
我曾为它流泪过
这人间我路过
它的颜色有我的一抹
那风啊我吹过
它越吹我越蓬勃
那路啊我走过
我要用双脚踏平它的坎坷
这世界我来过
我曾为它流泪过
这人间我路过
它的颜色有我的一抹
那风啊我吹过
它越吹我越蓬勃
那路啊我走过
我要用双脚踏平它的坎坷
`;
var jsFile = 'https://638183.freep.cn/638183/tzmaker/tz.v5.min.js?v=1';
loadJs(jsFile, tzInit);

function loadJs(url, callback) {
    const script = document.createElement('script');
    script.charset = 'utf-8';
    script.src = url;
    script.defer = true;
    script.onload = callback;
    document.head.appendChild(script);
}

function tzInit() {
    var tz = TZ('pa');
    tz.add('audio', '', '', { src: 'http://cccimg.com/view.php/961dcb53810a264469a8d370abf3502f.mp3' });
    tz.add('video', '', 'vid ma', {
      src: 'https://http://cccimg.com/view.php/6479eaecc80739e1756cbc93fe9890ba.mov',
      poster: 'https://ff.xiaoqiaodali.top:5401/i/2026/03/14/69b4fd5cd708f.gif',
      disablePictureInPicture: true
    }).playmp3();

    tz.bgprog().style('bottom: 30px; color: pink; width: 240px;');
    tz.lrc(tz.lrc2HC(gc), '', true);
    tz.fs().style('left: 20px; bottom: 20px; color: purple; background: none;');
    tz.autoMid();
}
</script>


霜染枫丹 发表于 2026-3-14 15:16


https://s3.bmp.ovh/2026/03/14/bPGENeON.jpg

https://s3.bmp.ovh/2026/03/14/9NyI7GLt.jpg

https://s3.bmp.ovh/2026/03/14/Lm9HIUab.jpg









也曾年轻 发表于 2026-3-14 16:38

视频的那行是不是有点问题？

霜染枫丹 发表于 2026-3-14 17:41

本帖最后由 霜染枫丹 于 2026-3-14 17:42 编辑 <br /><br />也曾年轻 发表于 2026-3-14 16:38
视频的那行是不是有点问题？
就是用马老师的高级电饭煲做的，只是背景视频我用了MOV，而不是mp4,这样能保证小播正常播放，视频不用显示，相对省事。原理我不知道{:4_173:}

谢也曾年轻的支持，下午好！{:4_204:}{:4_190:}

也曾年轻 发表于 2026-3-14 18:06

霜染枫丹 发表于 2026-3-14 17:41
本帖最后由 霜染枫丹 于 2026-3-14 17:42 编辑
就是用马老师的高级电饭煲做的，只是背景视频我用了MOV， ...




https://http:………………

杨帆 发表于 2026-3-14 18:06

歌曲好听，动图制作精美，谢谢枫丹版主精彩分享{:4_204:}

霜染枫丹 发表于 2026-3-14 18:16

也曾年轻 发表于 2026-3-14 18:06
https://http:………………
是的，就是这一行，您可以试试，如果视频显示，小播就不能像现在这样了。

霜染枫丹 发表于 2026-3-14 18:18

杨帆 发表于 2026-3-14 18:06
歌曲好听，动图制作精美，谢谢枫丹版主精彩分享

感谢扬帆的支持，这首歌2月份发布的，我也听喜欢听的。{:4_204:}{:4_190:}

也曾年轻 发表于 2026-3-14 18:56

霜染枫丹 发表于 2026-3-14 18:16
是的，就是这一行，您可以试试，如果视频显示，小播就不能像现在这样了。

1. 链接里既有 https 又有 http ；
2. video 播放不了 mov 视频 。

霜染枫丹 发表于 2026-3-14 19:10

也曾年轻 发表于 2026-3-14 18:56
1. 链接里既有 https 又有 http ；
2. video 播放不了 mov 视频 。

是的，就是为了不显示画面，但不耽误歌曲的播放和小播控制音频的功能

红影 发表于 2026-3-14 21:14

制作漂亮，歌曲好听，小播很奇妙，那花朵好像变化中。
欣赏枫丹好帖{:4_199:}

霜染枫丹 发表于 2026-3-15 09:39

红影 发表于 2026-3-14 21:14
制作漂亮，歌曲好听，小播很奇妙，那花朵好像变化中。
欣赏枫丹好帖

红影上午好~~

小播是我制作的透明背景的GIF图片，故而会一直再动。下次制作时把半个花瓣都清除。可能就会没有了边界感。谢红影的支持，春祺！！{:4_204:}{:4_190:}

红影 发表于 2026-3-15 23:01

霜染枫丹 发表于 2026-3-15 09:39
红影上午好~~

小播是我制作的透明背景的GIF图片，故而会一直再动。下次制作时把半个花瓣都清除。可能 ...

不一定要改呢，这样一直动的也挺奇妙的呢{:4_173:}
页: [1]
查看完整版本: 那风啊 .......沉在水底的鱼演唱