雨季工作室 发表于 2026-5-22 17:39

五百年桑田沧海

本帖最后由 雨季工作室 于 2026-5-22 17:54 编辑 <br /><br /><style>
@import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
.pa { --offsetX: 91px; --bg: url('http://cccimg.com/view.php/3134c5c209f2f9da7b492b2c56307f58.png') no-repeat center/cover; color: lightgreen; }
.player { width: 480px; bottom: 20px; }
.btnFs { top: 25px; right: 20px; }
.pd-vid { opacity: 1; mix-blend-mode: screen; }
#lrc { top: 780px; }
#msvg { position: absolute; left: 30px; width: 1vw; heighht: 1vw; transition: .165s; opacity: var(--opacity); }
</style>

<div id="pa" class="pa">
<video class="pd-vid" src="https://img2.tukuppt.com/video_show/2432605/00/01/90/5b4e19ad0aab7.mp4" autoplay loop muted></video>
<svg id="msvg" xmlns="http://www.w3.org/2000/svg" viewBox="-200 -200 400 400">
    <g id="g1" class="rotate brightness">
      <title>播放/暂停(Alt+X)</title>
      <circle cx="0" cy="0" r="190" fill="transparent"></circle>
    </g>
</svg>
</div>

<script>
var gc = `五百年桑田沧海 - 王立军\n词：阎肃\n曲：许镜清\nLRC歌词编辑：明月工作室\n五百年桑田沧海\n顽石也长满青苔\n长满青苔\n只一颗心儿未死\n向往着逍遥自在\n逍遥自在\n哪怕是野火焚烧\n哪怕是冰雪覆盖\n依然是志向不改\n依然是信念不衰\n蹉跎了岁月\n伤透了情怀\n为什么为什么\n偏有这样的安排\n五百年桑田沧海\n顽石也长满青苔\n长满青苔\n只一颗心儿未死\n向往着逍遥自在\n逍遥自在\n哪怕是野火焚烧\n哪怕是冰雪覆盖\n依然是志向不改\n依然是信念不衰\n蹉跎了岁月\n激荡了情怀\n为什么为什么\n偏有这样的安排\n为什么为什么\n偏有这样的安排\n-- 谢谢欣赏 --`;
var options = {
    pa: '.pa',
    urls: [['http://cccimg.com/view.php/f29a04404287421d2705d5b3acbc44d3.mp3', '五百年桑田沧海']],
    btns: ,
};

loadJs('https://638183.freep.cn/638183/web/api/audioplayer.min.js?v0', function() {
    loadJs('https://638183.freep.cn/638183/web/api/yslrc.min.js', function() {
      loadJs('https://638183.freep.cn/638183/svgdr/svgdr.min.js', tzRun);
    });
});

function tzRun() {
    var aud = new AudPlayer(options);
    LRC(aud.pa, aud.aud, gc, 0.5);
   
    var dr = _dr(msvg);
    dr.path('M0 -190 Q-50 -150,15 0 Q50 -100,0 -190Z', 'transparent', 'lightgreen', 1).addTo(g1).rotates(10,360);
   
    function setPathFill() {
      var paths = msvg.querySelectorAll('path');
      paths.forEach(path => path.setAttribute('fill', `#${Math.random().toString().substring(2,8)}`));
    };
   
    setPathFill();
}

function loadJs(url, callback) {
    var script = document.createElement('script');
    script.charset = 'utf-8';
    script.src = url;
    script.onload = function() {
      if (callback) callback();
    };
    document.head.appendChild(script);
}
</script>

偶然~ 发表于 2026-5-22 17:50

来欣赏精品佳作！

偶然~ 发表于 2026-5-22 17:50

音画太棒了！

偶然~ 发表于 2026-5-22 17:51

音画唯美

偶然~ 发表于 2026-5-22 17:51

背景歌声动听

偶然~ 发表于 2026-5-22 17:51

制作大气磅礴

偶然~ 发表于 2026-5-22 17:51

音画合一，音乐与画面结合完美

偶然~ 发表于 2026-5-22 17:51

太棒了！玫瑰花☆╮╮芍药花☆╮╰☆☆╮合欢花花～【*偶然 献花给你啦】

偶然~ 发表于 2026-5-22 17:51

期待雨季工作室佳作频出！

偶然~ 发表于 2026-5-22 17:51

感谢雨季工作室带来的精彩，辛苦了！祝你开心幸福、阖家安康！

雨季工作室 发表于 2026-5-22 18:20

偶然~ 发表于 2026-5-22 17:51
感谢雨季工作室带来的精彩，辛苦了！祝你开心幸福、阖家安康！

非常感谢偶然~老师精彩点评，辛苦了！

雨季工作室 发表于 2026-5-22 18:23

偶然~ 发表于 2026-5-22 17:50
来欣赏精品佳作！

谢谢偶然~老师支持鼓励！

偶然~ 发表于 2026-5-22 18:45

雨季工作室 发表于 2026-5-22 18:20
非常感谢偶然~老师精彩点评，辛苦了！

健康快乐

偶然~ 发表于 2026-5-22 18:46

雨季工作室 发表于 2026-5-22 18:23
谢谢偶然~老师支持鼓励！

恭祝泰运长临，瑞霭盈庭，身心俱泰

梦油 发表于 2026-5-22 20:10

好的创意，美的制作。{:5_116:}

樵歌 发表于 2026-5-22 20:17

画面宏大，烈焰腾腾，好有气势。{:4_199:}

梦江南 发表于 2026-5-22 21:17

好制作！欣赏点赞！问好！{:4_199:}

杨帆 发表于 2026-5-22 21:22

效果漂亮，谢谢雨季精彩分享{:4_190:}

霜染枫丹 发表于 2026-5-22 21:31

特别恢弘大气，赞佩好制作！欣赏学习，祝制作愉快~·{:4_204:}{:4_190:}

也曾年轻 发表于 2026-5-22 21:36

https://img5.iqilu.com/c/u/2018/0509/1525822917266.gif
页: [1] 2
查看完整版本: 五百年桑田沧海