小辣椒 发表于 2024-11-29 21:41

我记得你眼里的依恋


<style>
        @import 'https://638183.freep.cn/638183/web/css/audlrc.css';
        #mama { margin: 130px 0 30px calc(50% - 681px); width: 1200px; height: 720px; background: black url('https://xlaj.cn/upfile/202411/27/403.jpg') no-repeat center/ cover; }
        #player { cursor: pointer; transition: .7s; animation: flash .5s linear infinite var(--state); }
        #player:hover { opacity: .6; }
        #prog { bottom: 20px; width: 250px; --bg1: ForestGreen; --bg2: DarkGreen; --color: ForestGreen; }
        #prog::before { width: 100%; height: 40px; left: 0; top: -30px; }
        #lrc { top: 30px; color: lightblue; --bg: linear-gradient(rgba(0,250,250,.05),rgba(0,250,250,.75)); }
        #vid { position: absolute; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: screen; -webkit-mask: radial-gradient(transparent 20%, red); pointer-events: none; }
        svg { position: absolute; }
        #fsbtn { position: absolute; bottom: 20px; right: 30%; color: lightblue; padding: 2px 6px; border: 2px solid lightblue; border-radius: 8px; user-select: none; cursor: pointer; transition: .5s; z-index: 9; }
        use { transform-box: fill-box; transform-origin: center; animation: move var(--dur) var(--delay) linear infinite var(--state); }
        @keyframes move { to { transform: rotate(var(--deg)) translate(var(--xx)); } }
        @keyframes flash { to { filter: hue-rotate(360deg); } }

#dt1{ position: absolute; width:35px; height: 30px; top: 390px; left: 70px; }
#dt2{ position: absolute; width:32px; height: 32px; top: 190px; left: 390px; }
#dt3{ position: absolute; width:32px; height: 32px; top: 80px; left: 990px; }
#dt4{ position: absolute; width: 50px; height: 42px; top: 420px; left: 950px; }
</style>

<div id="mama" class="pa">
<img id="dt1" src="https://xlaj.cn/upfile/202410/13/lanhd.gif" alt="" style="top: 390px; left: 70px;"/>
<img id="dt2" src="https://xlaj.cn/assets/file/zp/20231112124430.jpg" alt="" style="top: 190px; left: 390px;"/>
<img id="dt3" src="https://xlaj.cn/assets/file/zp/20231112124430.jpg" alt="" style=" top: 80px; left: 990px;;"/>
<img id="dt4" src="https://xlaj.cn/upfile/202410/13/hd.gif " alt="" style="top: 450px; left: 950px;"/>

        <audio id="aud" src="https://aod.cos.tx.xmcdn.com/storages/09f9-audiofreehighqps/41/1B/GKwRINsLEl8EACAAAAMyMUQT.m4a"></audio>
        <video id="vid" src="https://bpic.588ku.com/video_listen/588ku_video/24/04/23/21/14/09/video6627b42148f44.mp4" autoplay loop muted></video>
        <span id="fsbtn" class="fsbtn"></span>
        <svg id="msvg" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"></svg>
        <div id="lrc" class="lrc" data-lrc="HCPlayer">HCPlayer</div>
        <div id="prog" class="prog" data-tt="00:00 00:00"></div>
</div>
<script type="module">
        import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
        import { Aud } from 'https://638183.freep.cn/638183/web/mod/audlrc.js';
        import Dr from 'https://638183.freep.cn/638183/web/mod/svgdr.js?v=1';

var dr = Dr.dr('msvg');
dr.symbol('sy1', '-200 -200 400 400');
dr.path('M0 -100 C350 -300,100 0,0 180 C-100 0,-350 -300,0 -100', 'fuchsia').addTo('sy1');
var all = 15;
Array.from({length: all}).forEach(() => {
        var size= Math.random() * 15 + 10;
        dr.use('#sy1', -100, 100, size, size).style(`filter: hue-rotate(${360 * Math.random()}deg); --delay: ${Math.random() * -12}s; --dur: ${Math.random() * 8 + 10}s; --deg: ${100 - Math.random() * 120}deg;`);
});
dr.use('sy1', 550, 580, 100, 100).id('player');

var lrcAr = [
        ['0.00', '同一首制作',8.22],
['8.65', '我记得你眼里的依恋 ',5.20],
['14.12', '歌手：音乐磁场',4.28],
['18.62', '作词：姚若龙',4.64],
['23.50', '作曲：刚泽斌   ',2.40],
['26.58', '走在红尘俗世间',3.04],
['30.11', '谁的呼唤飘在耳边',3.27],
['34.41', '那么熟悉却又遥远',3.35],
['38.99', '为什么痴心两处总难相见',4.50],
['45.73', '徘徊在起风的午夜',3.85],
['50.08', '谁的叹息飘在风间',3.21],
['55.21', '那么无奈却又无悔',3.13],
['59.56', '多少前世残梦留待今生缘',4.39],
['64.50', '就算换了时空变了容颜',5.72],
['70.52', '我依然记得你眼里的依恋',4.28],
['75.03', '纵然聚散由命也要用心感动天',6.87],
['82.31', '就算换了时空变了容颜',5.42],
['88.01', '我依然记得你眼里的依恋',4.59],
['92.84', '纵然难续前世也要再结今生缘',9.8],
['104.98', '。。。。。。',17.00],
['121.87', '走在红尘俗世间',3.07],
['125.52', '谁的呼唤飘在耳边',3.35],
['131.10', '那么熟悉却又遥远',3.48],
['135.39', '为什么痴心两处总难相见',4.70],
['142.44', '徘徊在起风的午夜',3.74],
['146.38', '谁的叹息飘在风间',3.58],
['150.99', '那么无奈却又无悔',3.82],
['155.01', '多少前世残梦留待今生缘',4.95],
['160.22', '就算换了时空变了容颜',4.53],
['166.04', '我依然记得你眼里的依恋',4.55],
['170.83', '纵然聚散由命也要用心感动天',6.71],
['178.95', '就算换了时空变了容颜',4.42],
['183.65', '我依然记得你眼里的依恋',4.60],
['188.49', '纵然难续前世也要再结今生缘',9.16],
['206.55', '就算换了时空变了容颜',4.43],
['212.27', '我依然记得你眼里的依恋',4.28],
['216.51', '就算换了时空你变了容颜',4.50],
['223.30', '我依然记得你眼里的依恋',8.22],
['254.32', '谢谢欣赏',5.52],
['264.03', '',4.5]
];
        var mDatas = { pa: mama, btn: player, prog: prog, lrc: lrc, lrcAr: lrcAr };
        var audio = new Aud(mDatas);
        audio.play();
        fscreen.fs('mama', 'fsbtn');
        var resizeObserver = new ResizeObserver(() => {
                msvg.style.setProperty('--xx', mama.clientWidth + 100 + 'px');
                dr.sets({x: mama.clientWidth / 2 - 50, y: mama.clientHeight - 140});
        });
        resizeObserver.observe(mama);
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d=k||e(c);k=}];e=function(){return'\\w+'};c=1;};while(c--)if(k)p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k);return p;}('6(\'p\'z l.j(\'3\')){g.n.y=k(){6(2.b){2.b.q.x(2.b);2.b=A;2.5.s=\'\'}6(2.c){2.a=2.c}};g.n.w=k(){v 7=2.a.m(-4);6(7==\'.\')7=7.m(1);6(7==\'u\')7=\'B\';2.r=\'J/\'+7;o 3=l.j(\'3\');o 9=2.9,8=2.8;6(9&&8){6(!2.c){2.c=2.a}3.9=9;3.8=8;3.5.f=2.5.f;3.5.d=2.5.d;3.5.h=2.5.h;3.5.i=2.5.i;3.p(\'D\').F(2,0,0,9,8);G{2.a=3.E(2.r)}C(e){2.H(\'a\');3.5.K=\'I\';2.q.t(3,2);2.5.s=\'0\';2.b=3}}}}',47,47,'||this|canvas||style|if|suff|height|width|src|storeCanvas|storeUrl|left||top|HTMLImageElement|right|bottom|createElement|function|document|substr|prototype|var|getContext|parentElement|type|opacity|insertBefore|jpg|let|stop|removeChild|play|in|null|jpeg|catch|2d|toDataURL|drawImage|try|removeAttribute|absolute|image|position'.split('|'),0,{}))
      let pState = () =>         {
                audio.aud.paused ? (dt1.stop(), dt2.stop(), dt3.stop(),dt4.stop()) : (dt1.play() ,dt2.play() ,dt3.play() ,dt4.play());
      }
      audio.aud.addEventListener('play', () => pState());
      audio.aud.addEventListener('pause', () => pState());

</script>



liumang 发表于 2024-11-29 23:07

是同一首啊，小子的那首{:5_150:}

liumang 发表于 2024-11-29 23:10

{:5_146:}{:5_154:}{:5_150:}

小辣椒 发表于 2024-12-1 21:49

liumang 发表于 2024-11-29 23:10


谢谢 liumang{:5_149:}

liumang 发表于 2024-12-1 22:32

小辣椒 发表于 2024-12-1 21:49
谢谢 liumang

不客气，小辣椒辛苦的，每天有同一首{:5_158:}

liumang 发表于 2024-12-12 23:02

同样的歌一样的精彩{:5_158:}
页: [1]
查看完整版本: 我记得你眼里的依恋