小辣椒 发表于 2023-11-7 20:54

爱已结束 - 梦然 (Miya)


<style>
#papa { margin:150px 0 0 calc(50% - 781px); width: 1400px; height: 750px; background: url('https://xlaj.cn/assets/file/zp/20230720003947.gif') no-repeat center/cover; box-shadow: 4px 4px 8px #000; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
#sky { position: absolute; width: 1400px; heig80ht: 380px; top:350; left: 650; transform: rotate(30deg); }

#dt2{ position: absolute; width:12px; height:20px; top: 70px; left: 97px; }
#dt3{ position: absolute; width:12px; height:20px; top: 120px; left: 250px; }


</style>
<div id="papa">
<img id="dt1" src="" alt="" />
<img id="dt2" src="https://xlaj.cn/assets/file/zp/20231030141805.jpg " alt="" />

<img id="dt3" src="https://xlaj.cn/assets/file/zp/20231030141805.jpg " alt="" />
<img id="dt4" src="" alt="" />

      <div id="sky"></div>
      <audio id="aud" src="https://xlaj.cn/assets/file/zp/20230702141446.mp3" autoplay loop></audio>
</div>

<script>

(function() {
       let lrcAr = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];

               let js1 = ' https://xlaj.cn/assets/file/zp/20231029162717.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: 30px; left: 45%;color:Honeydew; --bg: linear-gradient(rgba(100,149,237,4),rgba(100,149,237.17));',
               
                        fs_css: 'transform: translate(0px,40px); color: #F0FFF0; background: transparent; bottom: -250px;',
                  
                           player_css: 'width: 520px; height: 556px;left: 185px;top:320px; transform: translateY(-20px);',
                     path: 'm303.38113,188.45851a44.61425,40.76144 0 0 1 -15.949,-13.42059c-0.24911,-4.518 -2.16758,-8.17007 -5.75539,-10.96145c-0.7903,-0.62263 -1.30284,-1.36037 -1.43168,-2.0667c-0.49824,-2.52978 0.58986,-3.53957 3.26425,-3.03467c0.524,0.09679 1.36584,0.60955 2.29071,1.38652l5.32588,4.4997c0.61562,0.51537 1.61209,0.47089 2.29071,-0.10464c3.95145,-3.27797 3.1583,-6.38329 -2.3766,-9.3133c-0.90196,-0.46042 -1.50612,-1.16678 -1.63212,-1.90974c-0.28633,-1.72663 0.35218,-2.92219 1.91847,-3.58405a2.25062,2.05627 0 0 1 2.51976,0.39241l5.29724,4.65666c0.72157,0.62786 1.6178,0.88948 2.31933,0.68019c2.25062,-0.6985 3.43605,-2.07457 3.55058,-4.13344c0.03723,-0.50753 -0.4066,-1.29496 -1.17399,-2.09288l-4.52413,-4.81362a1.34005,1.22434 0 0 1 -0.31211,-1.02029a1.75812,1.60628 0 0 1 0.65571,-0.99411c3.16689,-2.33618 5.72676,-1.46503 7.67384,2.6161c0.31498,0.68019 1.1167,1.05691 1.88983,0.88947c10.65176,-2.24984 17.15162,7.58669 23.93782,13.6037c1.81251,1.60366 2.13609,4.05494 0.97355,7.35124a2.48542,2.27077 0 0 0 0.45814,2.22368l4.55277,4.83977a2.21051,2.01962 0 0 1 0.34361,2.19752c-4.66731,8.29305 -8.5615,-10.80449 -15.66266,-0.57554c-0.42091,0.63572 -0.28061,1.48594 0.34361,2.0667l4.925,4.73514c0.71585,0.68543 1.048,1.53826 0.88764,2.276c-0.19185,0.83715 -0.62993,1.48333 -1.31716,1.93592c-0.73302,0.45258 -1.75526,0.37935 -2.51976,-0.18312l-6.58577,-4.83977c-0.80175,-0.60431 -1.70371,-0.87901 -2.40524,-0.73251c-2.04445,0.38457 -3.39025,1.43101 -4.03736,3.13932c-0.2577,0.70896 0.06014,1.54348 0.80175,2.09288c1.08809,0.81099 11.62531,10.30742 3.1211,9.41796c-0.77884,-0.07848 -1.57486,-0.5677 -2.17617,-1.33421c-2.67438,-3.52389 -6.49986,-5.48597 -11.48215,-5.88621l0,0l0.00003,-0.00004l-0.00003,0.00004l0,-0.00001zm-15.949,-13.42059a44.61425,40.76144 0 0 0 15.949,13.42059l-57.89745,57.16178l-13.97327,13.99614c-2.67438,2.66844 -5.5664,2.96404 -8.67603,0.88947c-4.925,-3.26227 -9.75553,-7.79598 -14.48868,-13.6037a4.48119,4.09419 0 0 1 0.48677,-5.38917l16.72211,-14.7548l61.87755,-51.72028l0.00001,0l-0.00001,-0.00001l0,-0.00001zm-61.87755,51.72028l-16.72211,14.7548a4.48119,4.09419 0 0 0 -0.48677,5.38917c4.73315,5.80773 9.56368,10.34144 14.48868,13.6037c3.10963,2.07457 6.00164,1.77895 8.67603,-0.88947l13.97327,-13.99614c11.76846,15.25185 22.96427,36.78237 3.43605,50.75233c-9.90726,7.1158 -26.08535,10.9876 -31.95526,25.79474c-3.55058,8.99938 -3.09245,23.38794 -8.36105,32.70124c-5.38316,9.55662 -14.13648,15.37481 -26.25716,17.44939c-39.08507,6.6449 -77.48292,-21.97524 -91.54211,-53.94398c-8.5615,-19.48993 -7.81702,-46.01719 14.51732,-57.37105c8.84783,-4.52584 22.99291,-5.07524 32.84292,-6.95883c29.03462,-5.54614 25.74173,-51.38018 65.71447,-37.59336c3.55058,1.22171 10.77488,4.65666 21.67575,10.30742l-0.00003,0.00001l0,0.00003zm-14.28824,52.92369a23.30789,21.29506 0 1 0 -46.61573,0a23.30789,21.29506 0 0 0 46.61573,0zm-34.52944,49.40505a2.74883,2.51145 0 0 0 -0.00572,-3.55266l-39.10512,-35.60248a2.74883,2.51145 0 0 0 -3.88846,0.00784l-6.82915,6.26294a2.74883,2.51145 0 0 0 0.00572,3.55004l39.10512,35.60511a2.74883,2.51145 0 0 0 3.8856,-0.00784l6.83201,-6.26294zm70.35145,-169.86944c-0.47111,2.01693 -2.00221,3.15053 -4.05594,3.53331c-1.80345,0.33124 -3.30512,0.41222 -4.74788,-0.75083c-1.75929,-1.47958 -1.78138,-3.93081 -0.19875,-5.47662c1.25138,-1.1925 3.01067,-1.4354 5.65329,-1.89915c0.44166,-0.08097 0.82444,-0.18403 1.14832,-0.54472c0.47111,-0.53 0.32389,-0.3018 0.32389,-12.01324c0,-0.82444 -0.40486,-1.05263 -1.25138,-0.90542c-0.6036,0.10306 -13.66948,2.54692 -13.66948,2.54692c-0.75083,0.16194 -0.98638,0.38277 -0.98638,1.22929c0,17.2764 0.08097,16.48141 -0.18403,17.62973c-0.30917,1.33971 -1.1336,2.34817 -2.22304,2.90762c-1.23666,0.68457 -3.47442,0.98638 -4.66691,0.76555c-3.17998,-0.59625 -4.29886,-4.26942 -2.14206,-6.37467c1.25138,-1.1925 3.01067,-1.4354 5.65329,-1.89915c0.44166,-0.08097 0.82444,-0.18403 1.14832,-0.54472c0.74347,-0.84652 0.1325,-18.88846 0.38277,-19.88957c0.05888,-0.38277 0.22083,-0.70666 0.52263,-0.94958c0.30917,-0.25764 0.86861,-0.40486 0.98638,-0.40486c15.01655,-2.81193 16.84946,-3.17261 17.1071,-3.17261c0.84652,-0.05888 1.33235,0.44166 1.33235,1.29554c0.01472,25.35884 0.08097,23.99705 -0.1325,24.91717l0.00003,-0.00001z ',
                     btn: {left: 123, top: 330},
              track: {track: '#F0FFF0', prog: '#277bb8'},
                        img: {play: '', pause: ''}
                });
      });

      loadJs(js2, () => {
                H5lz({
                        papa: '#sky',
                        total: 15,
                        size: {width: 18, height: 34},
                        shape: {background: 'url("yezx.png") no-repeat center/cover', borderRadius: '0'},
                        ani: 'toBottom',
                        maxTime: 30,
                        offset: {x: 0, y: 0},
                });
      });
})();

</script>

小辣椒 发表于 2023-11-7 20:54

双路径播放器

liumang 发表于 2023-11-7 20:55

小辣椒 发表于 2023-11-7 20:54
双路径播放器

小辣椒晚上好，漂亮的路径播放器效果{:5_150:}

小辣椒 发表于 2023-11-7 20:56

liumang 发表于 2023-11-7 20:55
小辣椒晚上好，漂亮的路径播放器效果

liumang晚上好{:5_118:}

liumang 发表于 2023-11-7 20:57

小辣椒 发表于 2023-11-7 20:56
liumang晚上好

制作路径播放器好像蛮难的

小辣椒 发表于 2023-11-7 20:58

liumang 发表于 2023-11-7 20:57
制作路径播放器好像蛮难的

你没有学感觉难，学习了就会感觉其实不难的

liumang 发表于 2023-11-7 20:59

小辣椒 发表于 2023-11-7 20:58
你没有学感觉难，学习了就会感觉其实不难的

爱怎么会结束{:5_118:}

小辣椒 发表于 2023-11-11 16:48

liumang 发表于 2023-11-7 20:59
爱怎么会结束

就是就是，爱怎么可以结束{:5_141:}
页: [1]
查看完整版本: 爱已结束 - 梦然 (Miya)