醉美水芙蓉 发表于 2023-10-5 07:09:22

带着吉祥进北京


<style>#papa { margin: 0 0 0 calc(50% - 690px); width: 1200px; height: 640px; background: url('https://pic.imgdb.cn/item/651c255ac458853aef61c3d0.png') no-repeat center/cover; box-shadow: 4px 4px 8px black; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
#sky { position: absolute; width: 1200px; height: 640px; bottom: 0; right: 0; transform: rotate(30deg); }</style>
<div id="papa"><div id="sky"></div><audio id="aud" src="https://shuifurong.s3-us-east-1.ossfiles.com/MUSIC/8.daizhejixiang.mp3" autoplay="" loop=""></audio></div>
<script>(function() {
        let lrcAr = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
        let js1 = 'https://638183.freep.cn/638183/web/api/svg_path_lrc.js',
                js2 = 'https://638183.freep.cn/638183/web/lizi/h5lz_2d.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, () => {
                HCPlayer({
                        papa: '#papa',
                        lrcAr: lrcAr,
                        lrc_css: 'bottom: 20px;--bg: linear-gradient(hsla(10,55%,40%,.15),hsla(120,26%,45%,.7));color: #aaa;',
                        fs_css: 'transform: translate(-100px,40px); color: #FF0000 background: transparent;',
                        player_css: 'transform: translate(-400px,0;); width: 1200px; height: 420px;',
                        path: 'm310.29249,52.84883l0,28.29044c-59.18432,3.98935 -105.79996,46.09556 -105.79999,97.44484c0,-9.25414 12.88002,-16.76469 28.75,-16.76469c15.86998,0 28.75,7.51055 28.75,16.76469c0,-9.25414 12.88002,-16.76469 28.75,-16.76469c7.5579,0 14.41662,1.75651 19.54999,4.54044l0,137.95953c0,6.16947 -4.12158,11.17649 -9.19999,11.17649c-5.07838,0 -9.2,-5.00702 -9.2,-11.17649l0,-5.58823l-18.4,0l0,5.58823c0,18.50822 12.36478,33.52942 27.6,33.52942c15.23518,0 27.60001,-15.02119 27.60001,-33.52942l0,-137.95953c5.13336,-2.78393 11.9921,-4.54044 19.54999,-4.54044c15.86998,0 28.75,7.51055 28.75,16.76469c0,-9.25414 12.88002,-16.76469 28.75,-16.76469c15.86998,0 28.75,7.51055 28.75,16.76469c0,-51.34931 -46.61564,-93.45549 -105.79999,-97.44484l0,-28.29044l-18.40002,0z',
                        btn: {left: 254, top: 100},
                        track: {track: 'red', prog: 'olive'},
                        img: {play: '', pause: ''}
                });
        });

        loadJs(js2, () => {
                H5lz({
                        papa: '#sky',
                        total: 10,
                        size: {width:60, height: 32},
                        shape: {background: 'url("https://638183.freep.cn/638183/web/svg/yjzi1.svg") no-repeat center/cover', borderRadius: '0'},
                        ani: 'toLeft',
                        maxTime: 30,
                        offset: {x: 0, y: 0},
                });
        });
})();</script>

夏艳妍 发表于 2023-12-1 11:27:47

这个作品漂亮！！！！

醉美水芙蓉 发表于 2023-12-1 16:27:39

夏艳妍 发表于 2023-12-1 11:27
这个作品漂亮！！！！

谢谢朋友支持！

红尘过客 发表于 2024-1-12 04:40:25

这个作品漂亮！！！！
页: [1]
查看完整版本: 带着吉祥进北京