|
|

楼主 |
发表于 2026-5-26 20:45
|
显示全部楼层
帖子代码:
- <style>
- @import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
- .pa { --offsetX: 81px; --bg: url('https://638183.freep.cn/638183/t24/w8/synn.webp') no-repeat center/cover; color: white; }
- .player { width: 480px; left: 100px; bottom: 10px; }
- .btnFs { top: 25px; right: 20px; }
- #msvg { position: absolute; width: 20vw; heighht: 20vw; transition: .75s; opacity: var(--opacity); left: 10%; }
- </style>
- <div id="pa" class="pa">
- <video class="pd-vid" src="https://img2.tukuppt.com/video_show/2414777/00/02/13/5b514e39921d5.mp4" autoplay loop muted></video>
- <svg id="msvg" xmlns="http://www.w3.org/2000/svg" viewBox="-200 -200 400 400">
- <g id="g1" class="rot brightness">
- <title>播放/暂停(Alt+X)</title>
- </g>
- </svg>
- </div>
- <script>
- var options = {
- pa: '.pa',
- urls: [['https://music.163.com/song/media/outer/url?id=1371757762', '曲名']],
- btns: [msvg],
- };
- loadJs('https://638183.freep.cn/638183/web/api/audioplayer.min.js?v0', function() {
- loadJs('https://638183.freep.cn/638183/svgdr/svgdr.min.js?v0', tzRun);
- });
- function tzRun() {
- var aud = new AudPlayer(options);
- var dr = _dr(msvg);
- dr.ellipse(0, 20, 120, 30, 'rgba(0,100,100, .25)').addTo(g1).rotates(9);
- }
- function loadJs(url, callback) {
- var script = document.createElement('script');
- script.charset = 'utf-8';
- script.src = url;
- script.onload = function() {
- if (callback) callback();
- };
- document.head.appendChild(script);
- }
- </script>
复制代码
|
|