四季歌 发表于 2026-10-13 16:39:30

老来伴

<style>
@import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
.pa { --offsetX: 81px; --bg: url('https://pan.suyanw.cn/view.php/a04164aafeffe1686258208460c95937.jpg') 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: 20px; }
#msvg { position: absolute; left: 30px; width: 12vw; heighht: 12vw; transition: .65s; opacity: var(--opacity); }
</style>

<div id="pa" class="pa">
<video class="pd-vid" src="https://img2.tukuppt.com/video_show/2629112/00/08/47/5d24ac7924d45.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 = `
老来伴
写词：花甲走四方
编曲：四季歌
青丝慢慢染成霜
岁月爬满眼角上
风风雨雨走过大半时光
酸甜苦辣都一起尝
柴米油盐平常巷
粗茶淡饭也馨香
不用什么华丽的向往
有你在身旁就心安
脚步渐渐变缓慢
遇事相互多体谅
看过人间世事的沧桑
荣辱得失都已看淡
晨起陪你看朝阳
黄昏并肩看夕阳
半生奔波卸下了行囊
相守岁岁年年长
都说最美是老来伴
不用千言万语的浪漫
难过时候互相撑一把伞
平平淡淡相守冷暖
人间最惜是老来伴
岁岁朝夕朝夕共悲欢
不求富贵只求身体平安
余生有你就无遗憾
少年夫妻老来相伴
苦乐悲欢紧紧相牵
荣华富贵皆是云烟
唯有真情暖透流年
都说最美是老来伴
不用千言万语的浪漫
难过时候互相撑一把伞
平平淡淡相守冷暖
人间最惜是老来伴
岁岁朝夕朝夕共悲欢
不求富贵只求身体平安
余生有你就无遗憾
余生有你岁岁安
感谢欣赏`;

var options = {
    pa: '.pa',
    urls: [['https://pan.suyanw.cn/view.php/51b15d011e652827273462b5b2d4e416.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>

mm-8305 发表于 7 天前

好听，感谢站长分享。现在AI制作的音乐有些真是不错
页: [1]
查看完整版本: 老来伴