套用马老师代码制作歌曲《歩戏》 五音Jw演唱
本帖最后由 霜染枫丹 于 2025-12-5 13:47 编辑 <br /><br /><style>@import 'https://638183.freep.cn/638183/web/tz/tz.v4.css?v1';
.pa { --offsetX: 81px; --bg: url('https://cccimg.com/view.php/ee2361d3e3cc862aeb4c62d4bc6b84f3.gif') no-repeat center/cover; }
/* 歌词样式修改：左移 + 字体改变 */
.fadeInLrc {
right: auto; /* 取消右侧定位 */
left: 5%; /* 左侧距离，可根据需要调整（0%-100%） */
font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif; /* 自定义字体 */
font-size: 40px; /* 字体大小 */
font-weight: 500; /* 字体粗细（normal/bold/100-900） */
color: #ffffff; /* 字体颜色 */
text-shadow: 0 1px 2px rgba(0,0,0,0.5); /* 文字阴影（增强可读性） */
}
.char { display: block; }
/* 可选：调整歌词容器的其他样式 */
.lrc-container {
max-width: 300px; /* 歌词最大宽度，防止过长 */
line-height: 1.8; /* 行高，改善可读性 */
}
</style>
<div class="pa"></div>
<script type="module">
import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v4.js';
const tz = TZ.TZ('pa');
const hcLrc = tz.lrc2HC(`
策划：公子无琊\n
监制：释子快烂了\n
编曲：宏宇\n
演唱/混音：五音Jw\n
和声：Assen捷\n
母带：宏宇\n
穿梭人群的风\n
卷去昔日的行踪\n
谈笑间风起云涌\n
无需意会心机递送\n
情难肆意的梦\n
深藏眼底的火种\n
尘埃中心潮暗涌\n
几多犹豫换一场冲动\n
穿越了风雪几程\n
才敢道山尽人为峰\n
如若无人能懂\n
孤注一掷我怎甘落空\n
这番好戏已开腔\n
管他几人听到曲终\n
若相遇妄断吉凶\n
敢担重逢是否太英勇\n
越修抹越是妆浓\n
越骄傲越发平庸\n
世界用谎言赞颂\n
我便把戏唱至词穷\n
穿越了风雪几程\n
才敢道山尽人为峰\n
如若无人能懂\n
孤注一掷我怎甘落空\n
这番好戏已开腔\n
管他几人听到曲终\n
若相遇妄断吉凶\n
敢担重逢是否太英勇\n
这番好戏已散场\n
细数几人听到曲终\n
若相遇妄断吉凶\n
人潮之中何惧太英勇\n
笔锋至此怎能平淡而终\n
故事开始便不承认普通\n
用过度燃烧的每一分钟\n
认定情节该何去何从\n`);
tz.add('audio', '', '', {src: 'https://cccimg.com/view.php/e1fb941bb2114b4525e22ff4f750668f.mp3'});
tz.lrc(hcLrc, '', true);
tz.add('div', 'player', 'wrap200', {style: 'bottom: 20px'});
tz.add('svg', 'msvg', '', {width: 200, height: 200}).to('player');
tz.svgson('msvg', 'circle', {id: 'track', cx: 100, cy: 100, r: 90, fill: 'none', stroke: 'silver', 'stroke-width': 10});
tz.svgson('msvg', 'circle', {id: 'prog', cx: 100, cy: 100, r: 90, fill: 'none', stroke: 'orange', 'stroke-width': 10});
tz.svgprog('msvg', 'track', 'prog');
tz.add('img', '', 'rot-ani', {
src: 'https://cccimg.com/view.php/0a8aa937a83ee360a0fb298e87102e9e.png',
alt: '',
style: 'position: absolute; width: 240px; cursor: pointer; clip-path: circle(80px)'
}).to('player').playmp3();
tz.fs().style('right: 30px; bottom: 30px');
</script>
策划：公子无琊
监制：释子快烂了
编曲：宏宇
演唱/混音：五音Jw
和声：Assen捷
画师：Rellitto
母带：宏宇
穿梭人群的风
卷去昔日的行踪
谈笑间风起云涌
无需意会心机递送
情难肆意的梦
深藏眼底的火种
尘埃中心潮暗涌
几多犹豫换一场冲动
穿越了风雪几程
才敢道山尽人为峰
如若无人能懂
孤注一掷我怎甘落空
这番好戏已开腔
管他几人听到曲终
若相遇妄断吉凶
敢担重逢是否太英勇
越修抹越是妆浓
越骄傲越发平庸
世界用谎言赞颂
我便把戏唱至词穷
穿越了风雪几程
才敢道山尽人为峰
如若无人能懂
孤注一掷我怎甘落空
这番好戏已开腔
管他几人听到曲终
若相遇妄断吉凶
敢担重逢是否太英勇
这番好戏已散场
细数几人听到曲终
若相遇妄断吉凶
人潮之中何惧太英勇
笔锋至此怎能平淡而终
故事开始便不承认普通
用过度燃烧的每一分钟
认定情节该何去何从
霜染枫丹 发表于 2025-12-5 01:06
策划：公子无琊
制作清新、雅致。欣赏了。{:5_116:} 梦油 发表于 2025-12-5 09:33
制作清新、雅致。欣赏了。
谢谢梦老的支持！音乐外联的网站现在故障，听不到音乐了，无奈。等等看。如果网站不能回复，我在选择平台上传取得外链。{:4_204:}
这背景图漂亮，在戏曲扮相的图上还有动图的戏剧动作，和歌曲也很相符。小播图也弄得好。
这样的制作各种因素都考虑得很好，非常赞{:4_199:} 感觉歌词是不是放到左边更好点，右边好像东西太多了{:4_204:} 红影 发表于 2025-12-5 13:07
感觉歌词是不是放到左边更好点，右边好像东西太多了
谢红影支持，我已经将歌词挪到左边了，上午外链的网站不运行，不能播放，我现在就换过来，
特别感谢红影肯给出建议，您费心了，敬你！
https://s3.bmp.ovh/imgs/2025/12/05/124965e1fcc26926.gif 红影 发表于 2025-12-5 13:05
这背景图漂亮，在戏曲扮相的图上还有动图的戏剧动作，和歌曲也很相符。小播图也弄得好。
这样的制作各种因 ...
谢谢红影的鼓励！{:4_204:}
霜染枫丹 发表于 2025-12-5 11:53
谢谢梦老的支持！音乐外联的网站现在故障，听不到音乐了，无奈。等等看。如果网站不能回复，我在选择平台 ...
听得到音乐。
页:
[1]