忘川的河 歌手：魏佳艺 （谢谢黑黑 Synthetech播放器修效果）
<style>
@import 'https://638183.freep.cn/638183/web/css/tz01.css';
#pa { --offsetX: 81px; --bg: #ccc url('https://xlaj.cn/upfile/2025/09/15/2a.jpg') no-repeat center/cover; }
#progress { position: absolute; width: 220px; height: 220px; right: 80%; top: 5%; }
#prog, #track { fill: none; stroke: #128CA0; stroke-opacity: .4; stroke-width: 10; stroke-linecap: round; stroke-linejoin: round; transition: .15s; cursor: pointer; }
#track { stroke-dasharray: 4 10; stroke-dashoffset: 50%; animation: move 1s linear infinite var(--state); }
#prog { stroke-opacity: 1; }
#player {transform-box: fill-box; transform-origin: center; cursor: pointer; fill: #128CA0; fill-rule: evenodd; animation: rotate 8s linear infinite var(--state); }
#btnFs { right: 20px; bottom: 20px; color: teal; border-color: currentColor!important; }
#lrc { position: absolute; left: 30%; bottom: 60px;font:normal 2.0em Microsoft YaHei; sans-serif; color:DarkCyan; white-space: pre; -webkit-background-clip: text; filter: drop-shadow(1px 1px 1px hsla(0, 100%, 0%, .85)); pointer-events: none; z-index: 900; }
#pa:hover .vid { transform: scale(1.2); }
@keyframes move { to { stroke-dashoffset: 0; } }
</style>
<div id="pa">
<audio id="aud" src="https://aod.cos.tx.xmcdn.com/storages/c19d-audiofreehighqps/3E/C2/GKwRIaIMlf1VAEW9KQQME-sY.m4a" autoplay loop></audio>
<video class="vid pd-vid" src="https://img.tukuppt.com/video_show/2418175/01/26/86/625cb56685d18.mp4" autoplay loop muted></video>
<svg id="progress" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
<polygon id="player" class="invert" points="91.88 252.07 274.82 106.18 173.30 316.99 173.30 83.01 274.82 293.82 91.88 147.93 320.00 200.00 91.88 252.07"><title>Alt+X</title></polygon>
<path id="track" d="M30 200 Q200 520,370 200"><title>调节进度</title></path>
<path id="prog" d="M30 200 Q200 520,370 200"><title>调节进度</title></path>
</svg>
</div>
<script type="module">
import { FS } from 'https://638183.freep.cn/638183/web/js/pathprog.js';
import lrc from 'https://638183.freep.cn/638183/web/lrc/hclrc_only.js';
var geci = [['0.00', '魏佳艺 - 忘川的河',7.27],
['7.65', '作词：张灵茹',4.02],
['11.88', '作曲：罗智鸿',2.98],
['15.02', '编曲：郑力宾',3.87],
['19.09', '吉他：明仔',4.50],
['23.83', '混音：顾潇予',3.53],
['27.55', '制作人：余云飞 ',3.36],
['31.09', '一次回眸 将我的心牵扯',5.35],
['37.77', '兜兜转转 万里山河踏破',5.76],
['44.89', '不料缘起缘灭 终究错过',5.35],
['51.57', '抱紧累累伤痛 谁来渡我',5.39],
['59.35', '孟婆跟前 我想问问孟婆',5.20],
['65.88', '奈何桥边 叹过声声奈何',5.74],
['72.97', '都是命中注定 此因此果',5.74],
['80.06', '倾尽芳华只能 随风飘落',5.78],
['87.20', '我只身跳进忘川的河',5.47],
['94.01', '狠心抛下一生的不舍',5.94],
['101.32', '从此爱也婆娑恨也婆娑',5.14],
['107.78', '多少前尘往事再无瓜葛',5.38],
['115.55', '我只身跳进忘川的河',5.50],
['122.39', '忍痛断了三生的执着',5.57],
['129.31', '但愿千年孤独千年寂寞',5.90],
['136.57', '能换一次和你相濡以沫',5.90],
['143.83', 'LRC编辑：小辣椒',26.99],
['172.24', '孟婆跟前 我想问问孟婆',5.37],
['178.95', '奈何桥边 叹过声声奈何',5.51],
['185.80', '都是命中注定 此因此果',5.81],
['192.97', '倾尽芳华只能 随风飘落',5.76],
['200.09', '我只身跳进忘川的河',5.58],
['207.02', '狠心抛下一生的不舍',5.77],
['214.15', '从此爱也婆娑恨也婆娑',5.89],
['221.40', '多少前尘往事再无瓜葛',5.47],
['228.21', '我只身跳进忘川的河',5.74],
['235.30', '忍痛断了三生的执着',5.83],
['242.49', '但愿千年孤独千年寂寞',5.70],
['249.54', '能换一次和你相濡以沫',5.79],
['256.69', '能换一次和你相濡以沫',5.98],
['264.04', '谢谢欣赏',6.58],
['281.49', '',4.5]
];
lrc(pa, geci)
FS(pa, player);
</script> 制作大气 音画唯美 @马黑黑
黑黑你那种视频我找不到，你说要花钱的，小辣椒立马改免费的用了，{:4_170:}
必须节约钱，哈哈，所以做不出你那种效果，纯套用了，就加了个歌词上去 感谢小辣椒带来的精彩，辛苦了。 这个播放器颜色我想也是没有想改，感觉这个颜色漂亮，直接用了 偶然~ 发表于 2025-9-18 16:43
制作大气
偶然好，你速度快的{:4_187:} 偶然~ 发表于 2025-9-18 16:43
音画唯美
谢谢偶然欣赏，小辣椒现在许多不会做就直接套用代码了 偶然~ 发表于 2025-9-18 16:44
感谢小辣椒带来的精彩，辛苦了。
谢谢偶然的支持，难得做，不辛苦的{:4_187:} 小辣椒 发表于 2025-9-18 16:45
偶然好，你速度快的
我也是刚发了一个帖，就看见你这个 小辣椒 发表于 2025-9-18 16:46
谢谢偶然欣赏，小辣椒现在许多不会做就直接套用代码了
开心就好 小辣椒 发表于 2025-9-18 16:47
谢谢偶然的支持，难得做，不辛苦的
祝你健康快乐 偶然~ 发表于 2025-9-18 16:51
祝你健康快乐
谢谢偶然的关心，我得下了，回见！ 小辣椒 发表于 2025-9-18 16:55
谢谢偶然的关心，我得下了，回见！
开心吉祥 非常漂亮大气的音画，小辣椒是最棒的！{:5_150:} 小辣椒 发表于 2025-9-18 16:43
@马黑黑
黑黑你那种视频我找不到，你说要花钱的，小辣椒立马改免费的用了，
不想交费自己做也行，就是视频而已 这个制作漂亮，歌词色彩和小播一致，而且歌词同步的效果好美啊。
这视频也用得好，欣赏亲爱的好帖{:4_199:} 明天来偷走，今晚要呼呼了{:4_334:} 你的字幕真漂亮
页:
[1]