Discover
<style>@import 'https://638183.freep.cn/638183/web/mod/ellipse_lrc.css';
#tz { --lzNum: 60; --lzRot: 100deg; --lzSize:6; margin: 30px 0 30px calc(50% - 593px); background: url('https://638183.freep.cn/638183/t24/5/discover.jpg') no-repeat center/cover; }
#mplayer { --prog: red; --track: silver; color: silver; width: 200px; height: 100px; }
#fsbtn { bottom: 20px; }
</style>
<div id="tz" class="pa">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=30780810" autoplay loop></audio>
<div id="fsbtn" class="fsbtn"></div>
</div>
<script type="module">
import { hcplay } from 'https://638183.freep.cn/638183/web/mod/ellipse_lrc.js';
import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
hcplay(tz);
fscreen.fs(tz, fsbtn);
</script>
模块配置和帖子参考代码：
椭圆环粒子播放器配置说明 - 马黑黑教程专版 - 花潮论坛 - Powered by Discuz!
简约灵动，视听盛宴，谢谢老师精彩分享{:4_191:} 老师高手{:4_178:} 感谢分享 这个背景着实宽阔大气。。空旷辽远。。。。看着心情就愉悦。。
音乐的节奏欢快，轻快优美，好听。。 小播十分好看，用虚线把珠子串连起来，看着更像是项链一样。。
细线进度条和暂停键在内部，同时又是粒子出发的地方
创意绝美，十分巧妙。。 触碰小播有色彩变化，这个变化也打包在插件里了。。
看了说明，粒子数量角度等都可以进行个性化设置。。
小播颜色也可以自行定义
简洁又灵活。。。说了无数遍还是要说。。{:4_170:} 亏了没先看到这个{:4_189:} 绿叶清舟 发表于 2024-12-5 20:39
亏了没先看到这个
这个也没看到？ 杨帆 发表于 2024-12-5 13:04
简约灵动，视听盛宴，谢谢老师精彩分享
{:4_191:} 世外桃源 发表于 2024-12-5 13:30
感谢分享
{:4_190:} 醉美水芙蓉 发表于 2024-12-5 16:43
欣赏老师带来的精彩播放器！
{:4_180:} 花飞飞 发表于 2024-12-5 20:17
这个背景着实宽阔大气。。空旷辽远。。。。看着心情就愉悦。。
音乐的节奏欢快，轻快优美，好听。。
@樵歌 肯定觉得这是钓鱼的好地方 花飞飞 发表于 2024-12-5 20:20
小播十分好看，用虚线把珠子串连起来，看着更像是项链一样。。
细线进度条和暂停键在内部，同时又是粒子出 ...
{:4_190:} 花飞飞 发表于 2024-12-5 20:21
触碰小播有色彩变化，这个变化也打包在插件里了。。
看了说明，粒子数量角度等都可以进行个性化设置。。
...
{:4_191:} 马黑黑 发表于 2024-12-5 20:58
这个也没看到？
这个效果能看到，是没看到贴子不然就用这个效果了 马黑黑 发表于 2024-12-5 21:04
@樵歌 肯定觉得这是钓鱼的好地方
樵哥哥感冒在发烧的 看看几句代码，真的要做好还是要看看配置说明的，否则真的是纯套用了