小辣椒 发表于 2025-10-22 14:47

魏佳艺 - 忘川的河


<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://s3.hi168.com/hi168-19327-93835h11/mp3/魏佳艺 - 忘川的河.mp3" 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>

小辣椒 发表于 2025-10-22 14:48

高音质的感觉就是不一样，就是不晓得那天你会删除换一般的音质

{:5_128:}{:5_128:}

admin 发表于 2025-10-23 21:29

好听{:5_116:}{:5_116:}

小辣椒 发表于 2025-10-23 22:32

admin 发表于 2025-10-23 21:29
好听

音质不音乐，听起来效果也是不一样

小辣椒 发表于 2025-10-23 22:32

{:5_121:}{:5_149:}

liumang 发表于 2025-10-24 00:52

小辣椒再一次同一首

{:5_150:}{:5_150:}{:5_150:}

liumang 发表于 2025-10-24 00:52

感谢分享{:5_132:}
页: [1]
查看完整版本: 魏佳艺 - 忘川的河