亦是金 发表于 2023-11-4 15:27

《快乐老家》 - 陈 明

本帖最后由 亦是金 于 2025-2-7 12:38 编辑 <br /><br /><meta charset="UTF-8">
<div class="t_fsz">
<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_1969237">

<div style="width: 1200px;height: 700px;box-shadow:0px 0px 1px 2px #045768, 0px 0px 0px 8px #99e5f5,0px 0px 5px 15px #045768;overflow:hidden;border-radius:1%;margin-top:100px;margin-LEFT: -310px;">

<style>
#papa {
      margin: ; width: 1200px; height: 700px;top:-80px; LEFT: 0px;background: url('https://z4a.net/images/2023/10/31/1918.gi') no-repeat center/cover; box-shadow: 4px 4px 8px black; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }


       #plane1{position: absolute;left:50px;top: 220px;width: 100px; height: 0px; offset-distance: 0;offset-path: path("M0 480 Q500 480, 550 480 T1600 480");animation: move 28s linear infinite;}
       #plane {position: absolute;left: 760px;top: 200px;width: 0px;offset-distance: 0;offset-path: path("M0 40 Q500 180, 600 160 T0 40");animation: move 0s linear infinite;}
       #plane2 {position: absolute;left: 90%;top: 50%;width: 190px;offset-distance: 0;offset-path: path("M0 40 Q500 180, 600 160 T0 40");animation: move 0s linear infinite;}








#vid1 {
    position: absolute;
    width: 100%;
    height: 100%;
    left:0%;
    bottom:0%;
    object-fit: cover;
    pointer-events: none;
    mix-blend-mode: screen;
    z-index: 2;
    opacity: .9;
}
#vid2 {
    position: absolute;
    width: 0%;
    height: 65%;
    top:40%;
    left:54%;
    object-fit: cover;
    pointer-events: none;
    mix-blend-mode: screen;
    z-index: 3;
    opacity: .25;
}
</style>

<div style="position: relative; width: 500px; height: 50px; top:650px;LEFT: 1000px;z-index: 100; filter: drop-shadow(-1px 1px 1px #e8f552)drop-shadow(0px -1px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)">
<p><span style="color:#ff0000;"><span style="font-family:华文隶书;"><span style="font-size:24px;">亦是金在线音乐</span></span></span></p></div>

<style type="text/css">

@keyframes mv { from { background-position: 1200px 0; } to { background-position: 0 0; } }

body { overflow-x: hidden; }
#baiBox {
      margin: auto;
      width: 800px;
      text-align: center;
      font-family:微软简中圆;
      font-size: 2.5rem;
      font-weight: bold;
      color: #f46ff6;
      transform-origin: top;
      animation: yao 1.0s linear infinite alternate;
}

@keyframes yao {
      from{transform: perspective(800px) rotatex(30deg); }
      to { transform: perspective(800px) rotatex(-30deg); }
}



.tit { position: relative;width: 300px;height: 30px;top: -10px;LEFT: -400px;z-index: 100;filter: drop-shadow(-1px 1px 1px #ffffff)drop-shadow(0px -1px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff) }
#tit:hover { color: green; }
/*标题位置 移动范围设置*/

</style>

<div id="hu" >
<div id="baiBox"
<div class="tit">
<span style="color:#fb52f9;"><span style="font-size:36px;">《快乐老家》</span>
<span style="color:#3d46f7;"><span style="font-size:28px;">   - - 陈 明</span></div>

</style>



<div id="papa">

          <img id="plane1" src="" alt="" />
          <img id="plane" src="" alt="" />
          <img id="plane2" src="http://www.bohann.net/static/image/smiley/erhua/065.gif" alt="" />


<video id="vid1" src="https://img.tukuppt.com/video_show/2422006/00/02/12/5b51b03a920b6.mp4" autoplay="" loop="" muted=""></video>
<video id="vid2" src="https://imgs-qn.51miz.com/preview/element/00/01/25/42/E-1254242-A0EC8832.mp" autoplay="" loop="" muted=""></video>




        <audio id="aud" src="https://music.163.com/song/media/outer/url?id=1954686416.mp3" autoplay loop></audio>
</div>

<script>

(function() {
let lrcAr = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
];
      let rippleJs = 'https://638183.freep.cn/638183/web/svg/ripple-min.js',
                js1 = 'https://ysj147.s3-us-east-1.ossfiles.com/zzsc/js/svg_path_lrcysj.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(rippleJs, () => rippleEffect(papa));

        loadJs(js1, () => {
                HCPlayer({
                        papa: '#papa',
                        lrcAr: lrcAr,
                        lrc_css: 'bottom: 20px; --bg: linear-gradient(rgba(255,140,240,.35),rgba(250,90,220,.7)); color: #eee;',
                        fs_css: 'transform: translate(0,-35px); background: transparent;',
                        player_css: 'width: 250px; height: 650px;top: 60%; left: 80%; ',
                        path: 'm183.95333,127.18222c-9.87721,-23.27802 -33.443,-29.94462 -52.6616,-14.8759c-9.77611,7.6721 -16.54964,19.58659 -19.51178,32.45148l-32.65444,0a1.13229,1.54268 0 0 0 -0.98064,0.86776l-5.93442,17.56182c-0.34373,0.9504 0.20219,2.09364 0.99076,2.09364l20.19925,0c-1.13229,2.21761 -2.51732,4.38013 -4.09445,6.39112c-8.00691,10.30293 -19.41068,9.76575 -25.4462,-0.46831c-5.96475,-10.16519 -3.40698,-27.18983 5.19641,-36.54235c8.44163,-9.22857 18.36938,-7.54813 24.39479,2.14874c0.20219,0.33058 0.50548,0.46831 0.79867,0.33058l18.47048,-6.25338c0.44482,-0.13774 0.69757,-0.81266 0.54592,-1.41872c-2.77007,-10.28916 -10.37259,-19.64168 -17.98522,-23.08518c-10.12995,-4.57296 -23.31304,-2.54818 -34.07991,5.92281c-19.21861,15.0825 -26.73014,46.23923 -16.85293,69.59989c9.88732,23.27802 33.79683,28.93912 52.46951,12.64451c7.30934,-6.32225 11.80817,-14.32493 14.46702,-23.27802a33.36212,45.45411 0 0 0 3.21489,10.63351c9.87721,23.27802 33.443,29.94462 52.6616,14.8759c19.10739,-15.15137 26.67958,-46.3081 16.79227,-69.59989l0.00001,0zm-23.45457,45.49544c-8.60339,9.3663 -20.41155,8.76025 -26.43695,-1.47381c-5.97485,-10.16519 -3.90236,-26.04658 4.69091,-35.46798c8.59327,-9.3663 20.40144,-8.74647 26.42684,1.47381c6.03551,10.23406 3.86192,26.04658 -4.69091,35.46798l0.01011,0l0.00001,0z',
                        btn: {left: 34, top: 20},
                        track: {track: '#f4fd05', prog: '#fb0925'},
                        img: {play: 'https://pic.imgdb.cn/item/65212a5ac458853aef566925.png', pause: 'https://pic.imgdb.cn/item/65212a6bc458853aef566b8e.png'}
                });
        });

        loadJs(js2, () => {
                H5lz({
                        papa: '#papa',
                        total: 5,
                        size: {width: 50, height: 50},
                        shape: {background: 'url("") no-repeat center/cover', borderRadius: '0'},
                        ani: 'toLeft',
                        maxTime: 20,
                        offset: {x: -50, y: -50},
                });
        });
})();

</script>
</td></tr></table>

冬天的雨 发表于 2023-11-4 15:32

问好亦是金，这个路径播放器像把钥匙{:4_189:}

冬天的雨 发表于 2023-11-4 15:33

热烈动感的画面，漂亮{:4_199:}

冬天的雨 发表于 2023-11-4 15:33

快乐老家歌曲好听，配这个动感小人儿刚好{:4_199:}

亦是金 发表于 2023-11-4 15:38

冬天的雨 发表于 2023-11-4 15:32
问好亦是金，这个路径播放器像把钥匙

问好冬雨！不是钥匙，是GO！{:4_189:}

亦是金 发表于 2023-11-4 15:39

冬天的雨 发表于 2023-11-4 15:33
热烈动感的画面，漂亮

谢谢欣赏！{:4_190:}

亦是金 发表于 2023-11-4 15:39

冬天的雨 发表于 2023-11-4 15:33
快乐老家歌曲好听，配这个动感小人儿刚好

希望你喜欢！祝你欣赏愉快！{:4_190:}

冬天的雨 发表于 2023-11-4 15:39

亦是金 发表于 2023-11-4 15:38
问好冬雨！不是钥匙，是GO！

{:4_172:}

是我看错了

冬天的雨 发表于 2023-11-4 15:40

亦是金 发表于 2023-11-4 15:39
谢谢欣赏！

客气了，很美的制作

红影 发表于 2023-11-4 18:03

这个路径有意思，大写的go，呵呵，一起走吧，快乐老家{:4_187:}

红影 发表于 2023-11-4 18:04

亦是金老师又一个新路径，构思很棒{:4_199:}

亦是金 发表于 2023-11-4 18:36

冬天的雨 发表于 2023-11-4 15:39
是我看错了

{:4_196:}

亦是金 发表于 2023-11-4 18:37

冬天的雨 发表于 2023-11-4 15:40
客气了，很美的制作

谢谢夸奖！{:4_190:}

亦是金 发表于 2023-11-4 18:39

红影 发表于 2023-11-4 18:03
这个路径有意思，大写的go，呵呵，一起走吧，快乐老家

一起走吧，向着快乐老家！{:4_205:}

亦是金 发表于 2023-11-4 18:40

红影 发表于 2023-11-4 18:04
亦是金老师又一个新路径，构思很棒

我是个搬运工！{:4_189:}

梦油 发表于 2023-11-4 20:23

很好听的歌曲再配上灵动的小人儿真美！

红影 发表于 2023-11-4 21:47

亦是金 发表于 2023-11-4 18:39
一起走吧，向着快乐老家！

走到快乐窝路去{:4_173:}

红影 发表于 2023-11-4 21:48

亦是金 发表于 2023-11-4 18:40
我是个搬运工！

都没想到这个路径可以这样用，太棒了{:4_187:}

亦是金 发表于 2023-11-4 21:52

梦油 发表于 2023-11-4 20:23
很好听的歌曲再配上灵动的小人儿真美！

问好梦油朋友！{:4_190:}

亦是金 发表于 2023-11-4 21:52

红影 发表于 2023-11-4 21:47
走到快乐窝路去

{:4_172:}
页: [1] 2
查看完整版本: 《快乐老家》 - 陈 明