愿人间一两风（学习黑师20251125《千古绝唱》视频小播歌词效果）
本帖最后由 花飞飞 于 2025-12-27 08:34 编辑 <br /><br /><style>@import 'https://638183.freep.cn/638183/web/tz/tz.v3.css';
.pa { --offsetX: 0px;margin:130px 0; left: calc(50% - 81px);width: clamp(600px, 90vw, 1800px); height: auto; aspect-ratio: 18/9.6; --bg: url('https://642303.freep.cn/642303/tu/20251226ylfw.jpg') no-repeat center/cover; }
.vid { width: 35%; height: auto;border-radius: 50%; left:23%;bottom:-1%;0%cursor: pointer;
-webkit-mask: radial-gradient(circle, cyan, cyan,rgba(0,0,0,.35),transparent, transparent, transparent, transparent);}
</style>
<div id="pa" class="pa"></div>
<script type="module">
import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v3.js';
import lrc2HC from 'https://638183.freep.cn/638183/web/tz/lrc2hc.js';
const tz = TZ.TZ('pa');
const gc = lrc2HC(`
单曲：愿人间一两风
歌手：王宇宙Leto
所属专辑：愿人间一两风
作词 : 郑浩
作曲 : 郑浩
编曲 : 乔浚丞/韩冰
制作人 : 贺贺
门前月光 照湘江水哟
若相遇 愿一切如愿哟
我呀我
峰回路转 红尘中
湘江水 倒映你的笑容
愿人间一两风 填我十万八千梦
唱明月如歌 翩若惊鸿
愿人间一两风 偏偏梦醒一场空
愿你从容 从此有人懂
雨后山濛 疏影婆娑哟
满壶泪 我愿你如愿哟
你呀你
已步入 人生途中
愿从今往后 有笑容
愿人间一两风 填我十万八千梦
唱悲欢如歌 翩若惊鸿
愿人间一两风 偏偏梦醒一场空
愿你从容 从此有人懂
吉他 : 乔浚丞
和声 : 小艺术
录音师 : x_Insky
混音师 : 刘彦宏
音乐监制 : 潘则霖
发行人 : 潘昊铖
艺人统筹 : 程忱
企划推广 : 贺贺
`);
tz.add('audio', '', '', { src: 'https://music.163.com/song/media/outer/url?id=2090351490' });
tz.add('video', '', 'vid', {
src: 'https://cccimg.com/view.php/f977a4dd1b5bec30d3b4627ff59aa2f7.mp4',
DisablePictureInPicture: 'true'
}).playmp3();
tz.add('video', '', 'pd-vid', {
src: 'https://bpic.588ku.com/video_listen/588ku_preview/20/08/13/14/47/38/video5f34e20a321c4.mp4',
style: 'mix-blend-mode:overlay;opacity: .69; -webkit-mask: linear-gradient(to bottom,transparent,red);bottom:-20%;'
});
tz.lrc(gc).style('bottom: 60px').style('--border: 0');
tz.bgprog().style('bottom: 20px');
tz.fs().style('right: 20px; top: 20px');
</script> @马黑黑
做了个带歌词的作业
发现这个古风且歌词比较少，
下次要研究一下歌词怎么改色。。{:4_173:} 本帖最后由 杨帆 于 2025-12-26 16:35 编辑
制作精美，谢谢花飞飞精彩分享{:4_187:} 构思巧妙，和底图同系列的一个视频，让整个画面有种别样的趣味。
欣赏飞飞好帖{:4_199:} 花飞飞 发表于 2025-12-26 10:49
@马黑黑
做了个带歌词的作业
发现这个古风且歌词比较少，
改色简单的 我只看到天空云雾在不断变幻和歌词同步，没看到其它的呀{:4_203:} 马黑黑 发表于 2025-12-26 18:40
改色简单的
嗯哪。简单实用是黑师代码的一贯作风 樵歌 发表于 2025-12-26 19:41
我只看到天空云雾在不断变幻和歌词同步，没看到其它的呀
原来图是彩虹盘的，现在换了个地址，樵管再瞅瞅能看到不{:4_187:} 红影 发表于 2025-12-26 18:29
构思巧妙，和底图同系列的一个视频，让整个画面有种别样的趣味。
欣赏飞飞好帖
我今天来就看不到视频了。这彩虹果然不怎么稳定{:4_187:} 杨帆 发表于 2025-12-26 16:34
制作精美，谢谢花飞飞精彩分享
感谢杨帆支持哦 花飞飞 发表于 2025-12-27 08:44
嗯哪。简单实用是黑师代码的一贯作风
{:4_172:} 马黑黑 发表于 2025-12-27 13:34
等会改了给你汇报 花飞飞 发表于 2025-12-27 20:12
等会改了给你汇报
{:4_172:} 马黑黑 发表于 2025-12-27 20:24
这回是真会了，一个 color: red；就可以了。。{:4_173:} 花飞飞 发表于 2025-12-28 10:28
这回是真会了，一个 color: red；就可以了。。
简单的处理方式。利用了 currentColor 关键字 马黑黑 发表于 2025-12-28 10:42
简单的处理方式。利用了 currentColor 关键字
要改的有三个颜色，进度条和歌词底色和歌词覆盖色。。。
昨天跟了一个炸裂五彩字复位歌词效果，还没发出来，感觉还挺好。{:4_173:} 花飞飞 发表于 2025-12-29 08:55
要改的有三个颜色，进度条和歌词底色和歌词覆盖色。。。
昨天跟了一个炸裂五彩字复位歌词效果，还没发出 ...
也该不错 马黑黑 发表于 2025-12-29 13:53
也该不错
刚发出来了。{:4_173:} 花飞飞 发表于 2026-1-1 09:05
刚发出来了。
很漂亮的说 马黑黑 发表于 2026-1-1 09:24
很漂亮的说
{:4_191:}喝一杯
页:
[1]
2