小辣椒 发表于 2025-10-27 21:31

动了情的人 (Live合唱版) 帖赠：偶然


<style>
        @import 'https://638183.freep.cn/638183/web/css/tz01.css';
        #pa { --offsetX: 81px; margin: 130px 0 40px calc(50% - 380px);--bg: SkyBlue url('https://xlaj.cn/upfile/2025/10/28/01.jpg') no-repeat center/cover;border-radius:32px; }
        #progress { position: absolute;left: 54%; bottom: 68%; width: 4vw; height: 4vw; transition: .4s; }
        #prog, #track { fill: none; stroke: url(#grd1); stroke-width: 16; stroke-opacity: .7; stroke-linecap: round; stroke-linejoin: round; transition: .15s; cursor: pointer; }
        #prog { stroke: snow; }
        #g1 { animation: unset; cursor: pointer; }
        #btnFs {left: 10%;bottom: 20px; color: Gray; border-color: currentColor!important; }       
        .circle { transform-box: fill-box; transform-origin: center; fill: transparent; stroke: url(#grd1); stroke-width: 10; stroke-opacity: .7; animation: rot var(--duration) linear infinite var(--state); }
               .pd-vid{mix-blend-mode:overlay;width:100%; -webkit-mask: linear-gradient(to bottom 150 ,transparent,red);opacity: .90;}
        @keyframes rot { to { transform: rotate(-360deg); } }

#lrc { --bg: linear-gradient(180deg,hsla(240,50%,20%,.10),hsla(240,50%,20%,.35)); position: absolute; left: 29%; bottom: 30px;font:normal 2.0em Microsoft YaHei; sans-serif; color:LightCyan white-space: pre; -webkit-background-clip: text; filter: drop-shadow(1px 1px 1px hsla(0, 100%, 0%, .85)); pointer-events: none; z-index: 900; }

</style>

<div id="pa">
        <audio id="aud" src="https://aod.cos.tx.xmcdn.com/storages/1874-audiofreehighqps/41/FB/GAqhp50M0p5VACAAAAQpnCkh.m4a" autoplay loop></audio>
        <video class="pd-vid" src="https://img.tukuppt.com/video_show/7165162/00/17/52/5ec746f5eec22.mp4" autoplay loop muted></video>
        <svg id="progress" xmlns="http://www.w3.org/2000/svg" viewBox="-200 -200 400 400">
                <g id="g1" class="sepia"><title>ALT+X</title></g>
                <g id="g2"><title>调节进度</title></g>
        </svg>
</div>

<script type="module">
        import { FS } from 'https://638183.freep.cn/638183/web/js/pathprog.js';
        import Dr from 'https://638183.freep.cn/638183/web/mod/svgdr.mod.js?v=1.0';
                import lrc from 'https://638183.freep.cn/638183/web/lrc/hclrc_only.js';

        var geci = [
        ['0.00', '作词：乙二',7.26],
['08.80', '作曲：阿末@走心音乐 ',10.86],
['17.80', '演唱：群星 ',7.86],
['28.50', '当初对我承诺地久天长',4.04],
['33.86', '现在看来确实太过荒唐',5.68],
['41.94', '对于你来讲不论谁在身旁',5.09],
['47.30', '都只是临时爱一场',5.64],
['55.34', '如果早知道会变成这样',4.17],
['60.78', '就不该把心交到你手上',5.75],
['68.94', '直到受过了伤才看清真相',4.18],
['74.39', '无数次失眠到天亮',3.96],
['80.66', '动了情的人才会觉得夜漫长',4.80],
['87.82', '毕竟放不下的心事最难藏',3.80],
['93.93', '誓言说的漂亮不过是你撒的谎',5.02],
['101.32', '留我一个人空想到天亮',4.14],
['107.78', '动了情的人才会觉得夜太长',4.66],
['114.79', '只怪念念不忘却得不到回响',4.08],
['121.19', '努力付出一场最后红了眼眶',4.86],
['128.41', '所有期待成了昂贵奢望',6.12],
['134.85', 'LRC编辑：小辣椒',14.44],
['150.05', '如果早知道会变成这样',4.14],
['155.46', '就不该把心交到你手上',5.70],
['163.57', '直到受过了伤才看清真相',5.20],
['169.04', '无数次失眠到天亮',4.01],
['175.37', '动了情的人才会觉得夜漫长',4.86],
['182.59', '毕竟放不下的心事最难藏',4.78],
['188.67', '誓言说的漂亮不过是你撒的谎',5.11],
['196.15', '留我一个人空想到天亮',3.98],
['202.44', '动了情的人才会觉得夜太长',4.80],
['209.60', '只怪念念不忘却得不到回响',4.95],
['215.86', '努力付出一场最后红了眼眶',4.81],
['223.03', '所有期待成了昂贵奢望',5.27],
['230.68', '谢谢欣赏',6.15],
['247.68', '',4.5]
];
        lrc(pa, geci);
        var dr = Dr.dr(progress);
        var rs = [{cx: -100, cy: -100}, {cx: 0,cy: 0}, {cx: 100, cy: -100}];
        var grdSet = {id: 'grd1', x1: 0, x2: 0, y1: 0, y2: 1};
        var stopAr = [['Blue',0], ['Blue',.5], ['Blue',1]];
        dr.gradient('linearGradient', grdSet, stopAr);
        rs.forEach((r,k) => {
                var du = ((Math.random() * 20 + 20) / 10).toFixed(2);
                dr.circle(r.cx, r.cy, 90).sets({class: 'circle', style: `--duration: ${du}s`}).addTo(g1);
        });
        dr.path('M-190 0 Q0 300,190 0').id('track').addTo(g2);
        dr.path('M-190 0 Q0 300,190 0').id('prog').addTo(g2);

        FS(pa, g1);
</script>

小辣椒 发表于 2025-10-27 21:32

@偶然

偶然组织活动辛苦了，这次活动办的非常好，偶然付出许多，不好意思小辣椒没有出力的，{:4_173:}

偶然~ 发表于 2025-10-27 21:34

音画唯美

偶然~ 发表于 2025-10-27 21:34

背景歌声好听

偶然~ 发表于 2025-10-27 21:34

制作大气

偶然~ 发表于 2025-10-27 21:34

本帖最后由 偶然~ 于 2025-10-27 21:35 编辑

我喜欢这样的音画和歌曲

小辣椒 发表于 2025-10-27 21:34

送个帖给偶然帅哥，知道你不会在意小辣椒没出力的，这么多年的朋友了，会理解的{:4_170:}

偶然~ 发表于 2025-10-27 21:36

感谢小辣椒带来的精彩，辛苦了！祝你开心幸福、阖家幸福！

小辣椒 发表于 2025-10-27 21:36

偶然~ 发表于 2025-10-27 21:34
音画唯美

啊，偶然速度的，这么快，我还在回帖的

偶然~ 发表于 2025-10-27 21:36

小辣椒 发表于 2025-10-27 21:34
送个帖给偶然帅哥，知道你不会在意小辣椒没出力的，这么多年的朋友了，会理解的

开心就好{:4_180:}

小辣椒 发表于 2025-10-27 21:37

偶然~ 发表于 2025-10-27 21:34
背景歌声好听

现在通行和声版，我也是喜欢这种有和声的歌曲

小辣椒 发表于 2025-10-27 21:38

偶然~ 发表于 2025-10-27 21:34
我喜欢这样的音画和歌曲

问好偶然，谢谢欣赏{:4_187:}

偶然~ 发表于 2025-10-27 21:39

小辣椒 发表于 2025-10-27 21:37
现在通行和声版，我也是喜欢这种有和声的歌曲

对，这样的合唱好听，我也唱了2首这样的歌曲

偶然~ 发表于 2025-10-27 21:40

小辣椒 发表于 2025-10-27 21:38
问好偶然，谢谢欣赏

健康快乐{:4_180:}

偶然~ 发表于 2025-10-27 21:40

小辣椒 发表于 2025-10-27 21:36
啊，偶然速度的，这么快，我还在回帖的

刚上来就看见你发帖

红影 发表于 2025-10-27 23:18

这首歌非常好听，亲爱的制作也好美。欣赏亲爱的好帖。偶然君收礼开心{:4_187:}

梦油 发表于 2025-10-28 09:12

欣赏美曲，问候小辣椒。
页: [1]
查看完整版本: 动了情的人 (Live合唱版) 帖赠：偶然