一水隔天涯 歌手：童丽 帖赠小九（学习黑黑（sun指令演示）播放器效果
<style>@import 'https://638183.freep.cn/638183/web/css/tz02.css';
#pa { --offsetX: 81px;margin: 130px 0 40px calc(50% - 370px);--bg: tan url('https://wj.zp68.com/lxx/yunhua/2025/10/07/001.jpg') no-repeat center/cover; }
#progress { position: absolute; top: 56%; right: 47%; width: 4vw; height: 4vw; transition: .4s; }
#g1 { cursor: pointer; fill: OrangeRed; fill-rule: evenodd; stroke: lightblue; stroke-width: 3; animation: rotate 8s linear infinite var(--state); }
#g2 { cursor: pointer; fill: none; stroke: Tomato; stroke-width: 12; stroke-linecap: round; }
#prog { stroke: lightyellow; }
#btnFs { top:20px;color: Black; border-color: currentColor !important; }
#lrc { --bg: linear-gradient(180deg,hsla(240,50%,20%,.20),hsla(240,50%,20%,.35)); position: absolute; left: 37%; bottom: 50px;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; }
#vid { position: absolute; width: 300px; height: 300px; object-fit: cover; aspect-ratio: 1; border-radius: 50%; filter: drop-shadow(3px 4px 20px #000); mix-blend-mode: soft-light; cursor: pointer; }
</style>
<div id="pa">
<audio id="aud" src="https://wj.zp68.com/lxx/yunhua/2025/10/07/04.mp3" autoplay loop></audio>
<video id="vid" src="https://img.tukuppt.com/video_show/2418175/00/02/29/5b549aa7d9d73.mp4" loop muted oncontextmenu="return false"></video>
<svg id="progress" class="brightness" xmlns="http://www.w3.org/2000/svg" viewBox="-200 -200 400 400">
<g id="g1"><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/svgdr/svgdr.mod.min.js';
import lrc from 'https://638183.freep.cn/638183/web/lrc/hclrc_only.js';
var geci = [
['0.00', '一水隔天涯',10.30],
['10.84', '歌手： 童丽',6.18],
['17.35', '专辑：《对话(十一)》',7.34],
['25.08', '发行时间： 2007-01-24',9.69],
['35.28', '妹爱哥情重',5.09],
['40.64', '哥爱妹丰姿',5.03],
['45.94', '为了心头愿',5.02],
['51.22', '连理结双枝',5.12],
['56.61', '只是一水隔天涯',4.77],
['61.63', '不知相会在何时',5.14],
['67.04', 'LRC编辑：小辣椒',9.85],
['77.41', '绻恋惊回梦',5.02],
['82.69', '醒觉梦依稀',5.14],
['88.10', '独语痴情话',4.85],
['93.21', '聊以寄相思',5.04],
['98.52', '只为一水隔天涯',5.03],
['103.81', '不知相会在何时',5.26],
['109.35', '~Music~',19.78],
['152.22', '小别相逢多韵味',5.57],
['157.08', '长别无期那不悲',5.16],
['162.51', '往日欢笑难忘记',4.86],
['167.63', '你不归来我不依',6.26],
['175.27', '预计归来日',4.68],
['180.20', '哥却未知归',5.18],
['185.65', '旧约烟云逝',4.90],
['190.81', '劳燕各分飞',5.19],
['196.27', '只恨一水隔天涯',4.88],
['201.41', '不知相会在何时',5.24],
['206.93', '不知相会在何时',5.83],
['216.22', '~Music~',19.19],
['259.58', '',4.5]
];
lrc(pa, geci);
var dr = Dr.dr(progress);
dr.polygon(dr.sun(11, 200, 190)).addTo(g1);
dr.circle(0, 0, 50, 'transparent', 'transparent').addTo(g1);
dr.circle(0, 0, 65).id('track').addTo(g2);
dr.circle(0, 0, 65).id('prog').addTo(g2);
FS(pa, g1);
</script>
@小九一直想送了帖给你，最近组织活动辛苦了{:4_179:}
小辣椒就做个作业当礼物了，心意到就好，别嫌弃 @马黑黑
又是套用玩一个，谢谢黑黑的源码分享{:4_187:} 小辣椒 发表于 2025-10-7 19:54
@小九一直想送了帖给你，最近组织活动辛苦了
小辣椒就做个作业当礼物了，心意到就好，别嫌弃
谢谢亲爱的辣椒，辛苦了，很漂亮的贴，喜欢！{:4_183:} 声音很甜美{:4_187:} 小九 发表于 2025-10-7 20:06
谢谢亲爱的辣椒，辛苦了，很漂亮的贴，喜欢！
啊，小九在啊，那个第一次的活动我还没有完成，看了是明天最后一天，明天要完成了 小九 发表于 2025-10-7 20:07
声音很甜美
童丽的甜美嗓音，百听不厌的，很喜欢她的声音，这个是我专辑里面选了一首出来，小九喜欢就太好了{:4_205:} 小辣椒 发表于 2025-10-7 20:16
啊，小九在啊，那个第一次的活动我还没有完成，看了是明天最后一天，明天要完成了
好的，辣椒，我期待着，字数不用多，在于精哈{:4_187:} 小辣椒 发表于 2025-10-7 20:18
童丽的甜美嗓音，百听不厌的，很喜欢她的声音，这个是我专辑里面选了一首出来，小九喜欢就太好了{:4_205: ...
很开心收到辣椒的礼物。{:4_187:}{:4_183:} 小九 发表于 2025-10-7 20:22
好的，辣椒，我期待着，字数不用多，在于精哈
小辣椒学渣，写不出好东西，哈哈，明天就勉强完成一个了 小九 发表于 2025-10-7 20:23
很开心收到辣椒的礼物。
小九开心，小辣椒就更加开心了{:4_179:} 小辣椒 发表于 2025-10-7 20:27
小辣椒学渣，写不出好东西，哈哈，明天就勉强完成一个了
重在参与 漂亮的帖子
动听的歌声
{:4_204:} 精美绝伦。赞一个 漂亮得不要不要的。看着就开心。{:4_178:} 小九儿收礼开心{:4_204:} 音乐好听，音画精彩。 亲爱的把小播缩小放到鹊桥下面了，这构思真巧妙。、
制作漂亮，九儿收礼开心{:4_199:} 构思独特，制作精美，小九老师收礼开心哦！{:4_187:}
页:
[1]