绿蔷薇 发表于 2025-5-1 12:55:07

【单曲欣赏】节日欢歌 - 祝画廊友友们五一节快乐

<style>
#papa { margin: 0 0 0 calc(50% - 881px);
width: 1600px; height: 2264px;
background: url('https://qiangwei.oss-cn-beijing.aliyuncs.com/geqian/010.jpg') no-repeat center/cover;
box-shadow: 3px 3px 20px #000; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
#vid {
    position: absolute;
    width: 130%;
    height: 180%;
                top:-0px;
    object-fit: cover;
    pointer-events: none;
    mix-blend-mode: screen;
    z-index: 2;
    opacity: .56;
}
</style>
<div id="papa"><video id="vid" src="https://img.tukuppt.com/video_show/15653652/01/67/72/63db21822b3d8.mp4" autoplay="" loop="" muted=""></video></div>
<audio id="aud" src="https://qiangwei.oss-cn-beijing.aliyuncs.com/mp3/5.1.mp3" autoplay="" loop=""></audio>
<script>
(function() {
let script = document.createElement('script');
    script.src = 'https://638183.freep.cn/638183/web/api/circle_lrc.js';
    script.charset = 'utf-8';
    document.head.appendChild(script);



window.onload = () => {
    HCPlayer({
      papa: '#papa',
      lrcAr: geci,
      papa: '#papa',
      lrcAr: geci,
      lrc_css: `
            top: 20px;
            color: #fff;
            --bg: linear-gradient(rgba(250,250,250,.25),rgba(220,20,60,65));
      `,
      player_css: `
            bottom: 2%;

            color: lightblue;
            z-index: 100;
            --track: darkgray;
            --prog:black;
      `,
      fs_css: `bottom: 30px;left:10px; background: transparent;--color: white;`,
      title: '五一 ',
    });

    let mkClover = (ele,num) => {
      let r = ele.offsetWidth / 2, pathAr = [];
      for(let i = 0; i < 200; i ++) {
            let angle = i * 2 * Math.PI / 200;
            let x = r - r * Math.sin(num * angle) * Math.cos(angle);
            let y = r - r * Math.sin(num * angle) * Math.sin(angle);
            pathAr.push(x + 'px ' + y + 'px');
      }
      return 'polygon(' + pathAr.join(', ') + ')';
    }

    Array.from({length: 16}).forEach((item) => {
      let ww = 50 + Math.floor(Math.random() * 50);
      let ar = ;
      item = document.createElement('span');
      item.className = 'clover';
      item.style.cssText += `
            --deg: ${60 - Math.random() * 150}deg;
            --delay: ${Math.random() * 20 - 20}s;
            width: ${ww}px;
            height: ${ww}px;
            right: 200px;
      `;
      papa.appendChild(item);
      item.style.clipPath = mkClover(item, ar);
    });
};
})();

setInterval( () => { aud.paused ? vid.pause() : vid.play(); },100);
</script>
<br><br><br><br><br><br>

绿蔷薇 发表于 2025-5-1 13:15:51

节日欢歌
歌手：王莹

这片美丽的土地
有他有我有你
沐浴金色的阳光啊
欢聚在一起
在这欢乐的时刻尽情歌唱
每张笑脸都充满蓬勃生机
多少风雨 多少崎岖
留在我们记忆
多少汗水 多少拚搏
化作漫天旗
多少风雨 多少崎岖
留在我们记忆
多少汗水 多少拼搏
化作漫天旗
啊 美丽的土地
花开四季花万里
啊 美丽的土地
我和你心相系
啊 美丽的土地
花开四季花万里
啊 美丽的土地
我和你心相系

这片美丽的土地
有他有我有你
沐浴金色的阳光啊
欢聚在一起
在这欢乐的时刻尽情歌唱
每张笑脸都充满蓬勃生机
多少理想 多少梦幻
插上腾飞双翼
多少自豪 多少光荣
山河更挺立
多少理想 多少梦幻
插上腾飞双翼
多少自豪 多少光荣
山河更挺立
啊 美丽的土地
春潮奔涌春万里
啊 美丽的土地
明天更壮丽
啊 美丽的土地
春潮奔涌春万里
啊 美丽的土地
明天更壮丽
啊 美丽的土地
春潮奔涌春万里
啊 美丽的土地
明天更壮丽
啊 美丽的土地
春潮奔涌春万里
啊 美丽的土地
明天更壮丽
更壮丽

绿蔷薇 发表于 2025-5-1 13:17:27

祝云荷画廊的友友们五一节快乐！

欧阳风刀 发表于 2025-5-1 17:15:25

这片美丽的土地
有他有我有你

欧阳风刀 发表于 2025-5-1 17:15:59

很是有气势的音乐帖，漂亮，喜庆！

欧阳风刀 发表于 2025-5-1 17:16:19

问好薇，节日愉快！{:1_155:}

玫の玫 发表于 2025-5-1 17:46:24

薇这图图真漂亮啊 ，画面以热烈的红色为主调，劳动者的剪影坚毅有力。

玫の玫 发表于 2025-5-1 17:46:38

在五一劳动节，无数劳动者用汗水与智慧创造价值，此图赞颂他们的奉献，彰显劳动的崇高与伟大，激励人们尊重劳动、崇尚劳动。

玫の玫 发表于 2025-5-1 17:47:42

同祝云荷画廊的友友们五一节快乐！{:1_154:}

春华秋实 发表于 2025-5-1 17:53:27

祝福大家五一节快乐！
页: [1] 2 3
查看完整版本: 【单曲欣赏】节日欢歌 - 祝画廊友友们五一节快乐