小辣椒 发表于 2025-9-28 22:28

往事只能回味--翻唱 东篱闲人 帖赠老头双节快乐!


<style>
        @import 'https://638183.freep.cn/638183/web/css/tz01.css';
        #pa { --offsetX: 81px; --bg: tan url('https://wj.zp68.com/lxx/yunhua/2025/09/27/04.jpg') no-repeat center/cover; --ma-size: 17vw; }
        #progress { position: absolute; width: 30%; height: 30%; }
        #ma { display: grid; place-items: center; bottom: 28%;left:36%; animation: unset; cursor: unset; }
        #player { position: absolute; width: 15%; height: 15%; border-radius: 50%; cursor: pointer; animation: rotate 8s linear infinite var(--state); }
        #track, #prog { cursor: pointer; fill: none; stroke: lightblue; stroke-opacity: .4; stroke-width: 10; stroke-linecap: round; stroke-linejoin: round; }
        #prog { stroke: Crimson; stroke-opacity: 1; }
        #btnFs { left: 10px; ;bottom: 10px; color: white; border-color: currentColor !important; }
#lrc {position: absolute; left: 40%; bottom: 60px;font:normal 2.2em Microsoft YaHei; sans-serif; color:        Crimson; white-space: pre; -webkit-background-clip: text; filter: drop-shadow(1px 1px 1px hsla(0, 100%, 0%, .85)); pointer-events: none; z-index: 900; }
.vid { transform: rotate(180deg); opacity: .15;}       
</style>
<div id="pa">
        <audio id="aud" src="https://wj.zp68.com/lxx/yunhua/2025/09/27/03.mp3" autoplay loop></audio>
        <video class="vid pd-vid" src="https://img.tukuppt.com/video_show/15653652/04/57/90/6490fb3b722ba.mp4" autoplay loop muted></video>
        <div id="ma">
                <svg id="progress" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
                        <g>
                                <title>调节进度</title>
                                <path id="track" d="M390 200A180 180 0 0 0 295 364.54A180 180 0 0 0 105 364.54A180 180 0 0 0 10 200A180 180 0 0 0 105 35.46A180 180 0 0 0 295 35.46A180 180 0 0 0 390 200" />
                                <path id="prog" d="M390 200A180 180 0 0 0 295 364.54A180 180 0 0 0 105 364.54A180 180 0 0 0 10 200A180 180 0 0 0 105 35.46A180 180 0 0 0 295 35.46A180 180 0 0 0 390 200" />
                        </g>
                </svg>
                <img id="player" src="https://wj.zp68.com/lxx/yunhua/2025/09/27/ann.png" alt="" />
        </div>
</div>
<script type="module">
       import lrc from 'https://638183.freep.cn/638183/web/lrc/hclrc_only.js';
        var geci = [['0.00', '往事只能回味 ',3.90],
['4.11', '翻唱:东篱闲人 ',5.55],
['9.95', '时光一逝永不回',5.37],
['16.66', '往事只能回味',5.81],
['24.88', '忆童年时竹马青梅',5.73],
['31.96', '两小无猜日夜相随',5.52],
['39.88', '春风又吹红了花蕊',5.98],
['47.23', '你已经也添了新岁',5.28],
['54.89', '你就要变心像时光难倒回',6.07],
['62.33', '我只有在梦里相依偎',5.01],
['70.24', '祝老头双节快乐!',9.25],
['79.98', '时光一逝永不回',5.61],
['86.94', '往事只能回味',5.29],
['94.61', '忆童年时竹马青梅',6.07],
['102.05', '两小无猜日夜相随',5.44],
['109.88', '春风又吹红了花蕊',6.20],
['117.46', '你已经也添了新岁',5.11],
['124.94', '你就要变心像时光难倒回',6.32],
['132.65', '我只有在梦里相依偎',5.17],
['140.20', '祝老头双节快乐!吃嘛嘛香身体倍儿棒!',28.98],
['170.71', '春风又吹红了花蕊',6.07],
['178.15', '你已经也添了新岁',6.08],
['185.71', '你就要变心像时光难倒回',7.17],
['193.26', '我只有在梦里相依偎',5.70],
['201.37', '谢谢欣赏',5.32],
['206.97', '',4.5]
];       
               lrc(pa, geci)
        import { FS } from 'https://638183.freep.cn/638183/web/js/pathprog.js';
        FS(pa, player);
</script>

小辣椒 发表于 2025-9-28 22:29

@东篱闲人

老头谢谢你的礼物,今天做个作业回个礼,用了老头的金嗓子{:4_170:}

小辣椒 发表于 2025-9-28 22:30

@马黑黑

黑黑学习套用“升”的播放器效果,感谢黑黑源码分享{:4_187:}

小辣椒 发表于 2025-9-28 22:32


用了老头的图,反正老头说过他的就是我的,可以随便用{:4_172:}


https://pic1.imgdb.cn/item/68ce4ea8c5157e1a881f3014.jpg

马黑黑 发表于 2025-9-28 22:49

帖子精致美观,@东篱闲人 的演唱水平可以走穴了

小辣椒 发表于 2025-9-28 22:54

马黑黑 发表于 2025-9-28 22:49
帖子精致美观,@东篱闲人 的演唱水平可以走穴了

黑黑,你发现没有,老头唱歌气息平稳,听起来一点不累,很喜欢老头的翻唱

马黑黑 发表于 2025-9-28 23:14

小辣椒 发表于 2025-9-28 22:54
黑黑,你发现没有,老头唱歌气息平稳,听起来一点不累,很喜欢老头的翻唱

{:4_181:}

红影 发表于 2025-9-28 23:30

这个制作真漂亮,而且还是东篱大哥的翻唱呢。亲爱的有心了。
欣赏亲爱的好帖,东篱大哥收礼开心{:4_187:}

樵歌 发表于 2025-9-29 07:36

哇塞, 个礼物很是别出心裁,好极了@东篱闲人

樵歌 发表于 2025-9-29 07:38

音画搬过来,歌曲唱出来,和美人儿也合影了,就是本尊还未来{:4_170:}

樵歌 发表于 2025-9-29 07:40

樵哥哥就服小辣椒随便一捣鼓,都能有新创意,还特别能整盅{:4_170:}

樵歌 发表于 2025-9-29 07:41

这东篱真是多面手、厉害!

梦江南 发表于 2025-9-29 08:11

东篱老师真是全能高手!{:4_187:}

梦江南 发表于 2025-9-29 08:13

感谢小辣椒把东篱老师的翻唱也搬出来了。唱得真好!{:4_199:}

偶然~ 发表于 2025-9-29 10:47

音画合一、美轮美奂

偶然~ 发表于 2025-9-29 10:48

东篱闲人演唱精彩

偶然~ 发表于 2025-9-29 10:49

东篱闲人多唱哦

偶然~ 发表于 2025-9-29 10:49

东篱闲人收礼快乐

偶然~ 发表于 2025-9-29 10:49

感谢小辣椒带来的精彩音画,辛苦了

梦油 发表于 2025-9-29 11:32

东篱朋友真是多才多艺啊!{:5_116:}
祝东篱朋友双节快乐!
小辣椒朋友双节快乐!
页: [1] 2 3
查看完整版本: 往事只能回味--翻唱 东篱闲人 帖赠老头双节快乐!