|
|

楼主 |
发表于 2023-9-13 21:56
|
显示全部楼层
本帖最后由 马黑黑 于 2023-9-13 22:06 编辑
帖子代码- <style>
- #mydiv { margin: 0 0 0 calc(50% - 593px); display: grid; place-items: center; width: 1024px; height: 640px; box-shadow: 0 0 12px gray; background: url('https://638183.freep.cn/638183/t23/webp2/xrwo.webp') no-repeat center/cover; overflow: hidden; z-index: 1; position: relative; --state: running; }
- </style>
- <div id="mydiv"></div>
- <audio id="aud" src="https://file.uhsea.com/2309/f771566dbcbb1038ed45fbe2c5624bceCN.mp3" loop autoplay></audio>
- <script>
- let js1 = 'https://638183.freep.cn/638183/web/api/tube_lrc.js', js2 = 'https://638183.freep.cn/638183/web/lizi/h5lz_02.js';
- let loadJs = (url,callback) => {
- let body = document.querySelector('body'), jsNode = document.createElement('script');
- jsNode.charset = 'utf-8';
- jsNode.setAttribute('src', url);
- body.appendChild(jsNode);
- jsNode.onload = () => callback();
- };
- loadJs(js1, () => {
- let geci = [[2,"旋涡",4],[7,"",1]];
- HCPlayer({
- papa: '#mydiv',
- lrcAr: geci,
- lrc_css: `
- top: 20px;
- color: silver;
- --bg: linear-gradient(rgba(10,100,100,.4),rgba(10,100,100,.7));
- `,
- player_css: `
- bottom: 10px;
- opacity: .95;
- --track: silver;
- --prog: red;
- --color: silver;
- --bg: conic-gradient(tan,blue,green,pink,lightblue);
- `,
- });
- });
- loadJs(js2, () => {
- H5lz({
- papa: '#mydiv',
- total: 180,
- size: {width: 10, height: 10},
- shape: {background: '', borderRadius: '50%'},
- maxTime: 24,
- offset: {x: 0, y: 0},
- ani: 'c2Out',
- css: 'opacity: .8;',
- });
- });
- </script>
复制代码
|
|