花甲走四方 发表于 2026-7-24 07:51

听闻山上有路

<style>
@import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
.pa { --offsetX: 81px; --bg: url('https://picasa.eu.org/i/2026/07/23/qp4zzy.jpg') no-repeat center/cover; }
.player { width: 480px; bottom: 10px; color: lightblue; }
.btnFs { top: 20px; right: 20px; color: lightblue; }
.mypic { width: 160px; transition: .5s; opacity: var(--opacity); }
.mypic:nth-of-type(1) { top: 30px; filter: hue-rotate(60deg); }
.mypic:nth-of-type(2) { left: 100px; bottom: 200px; filter: hue-rotate(120deg); }
.mypic:nth-of-type(3) { right: 100px; bottom: 200px; filter: hue-rotate(180deg); }
#lrc { bottom: 60px; color: silver; --color1: steelblue; --color2: white; }
</style>

<div id="pa" class="pa">
<video class="pd-vid" src="https://imgimg.qqdsw8.cn/view.php/aa3cc18f7541113ccc6d78fbfada9a3c.webm" autoplay loop muted></video>
<img class="mypic rot" src="https://638183.freep.cn/638183/small/780.webp" />
</div>

<script>
var geci = `王一佳《听闻山上有路》
作詞：宋普照
作曲：灰色幽默
我曾在大雨中
望著那天空
問這燈火闌珊的城
為何像牢籠r
我攔住一陣風
它行色匆匆
它說它要去那遠方
來不及再等
聽聞山上有路我便要去走一走
水上有船可能不是我的舟
就算大霧層層遮住風景看不透
一直往前走逃離命叩碾p手
聽聞山上有路我便要去走一走
擁抱一下長滿野花的石頭
就算腳步難跨深不見底的鴻溝
我在山巔敬它歲月的老酒
我曾在大雨中
望著那天空
問這燈火闌珊的城
為何像牢籠r
我攔住一陣風
它行色匆匆
它說它要去那遠方
來不及再等
聽聞山上有路我便要去走一走
水上有船可能不是我的舟
就算大霧層層遮住風景看不透
一直往前走逃離命叩碾p手
聽聞山上有路我便要去走一走
擁抱一下長滿野花的石頭
就算腳步難跨深不見底的鴻溝
我在山巔敬它歲月的老酒`;

var options = {
    pa: '.pa',
    urls: [['https://up.mediy.cn/%E7%8E%8B%E4%B8%80%E4%BD%B3%E3%80%8A%E5%90%AC%E9%97%BB%E5%B1%B1%E4%B8%8A%E6%9C%89%E8%B7%AF%E3%80%8B_b35f813f8b28e8cc5e8feed15da3d231.m4a', '晚安']],
    btns: document.querySelectorAll('.mypic'),
};

loadJs('https://638183.freep.cn/638183/web/api/audioplayer.min.js?v0', function() {
    loadJs('https://638183.freep.cn/638183/web/api/yslrc.js', function() {
      const aud = new AudPlayer(options);
      LRC(aud.pa, aud.aud, geci);
    });
});

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-7-24 09:54

欣赏高老师的精彩音画。祝夏安！{:4_187:}

红影 发表于 2026-7-24 12:19

这些闪烁的小方块的动态真好，完全和歌曲匹配，很不错的播放效果。
好听的歌儿，好看的制作。欣赏高老师好帖{:4_199:}

红影 发表于 2026-7-24 12:20

越看越觉得这个动态效果好，这个制作真好。给高老师点赞{:4_187:}

杨帆 发表于 2026-7-24 13:31

漂亮~谢谢走四方老师精彩分享{:4_190:}

梦油 发表于 2026-7-24 16:50

欣赏精彩制作，问好老高朋友。

小辣椒 发表于 2026-7-24 22:39

发现老师的音频效果加的非常好{:4_199:}

小辣椒 发表于 2026-7-24 22:40

欣赏老师的精彩制作{:4_178:}

花甲走四方 发表于 2026-7-25 05:38

梦江南 发表于 2026-7-24 09:54
欣赏高老师的精彩音画。祝夏安！

谢谢{:4_178:}

花甲走四方 发表于 2026-7-25 05:38

红影 发表于 2026-7-24 12:19
这些闪烁的小方块的动态真好，完全和歌曲匹配，很不错的播放效果。
好听的歌儿，好看的制作。欣赏高老师好 ...

{:4_204:}

花甲走四方 发表于 2026-7-25 05:39

红影 发表于 2026-7-24 12:20
越看越觉得这个动态效果好，这个制作真好。给高老师点赞

谢谢欣赏支持{:4_176:}

花甲走四方 发表于 2026-7-25 05:39

杨帆 发表于 2026-7-24 13:31
漂亮~谢谢走四方老师精彩分享

早安，谢谢支持{:4_199:}

花甲走四方 发表于 2026-7-25 05:40

梦油 发表于 2026-7-24 16:50
欣赏精彩制作，问好老高朋友。

早ﾉ☀{:4_180:}

花甲走四方 发表于 2026-7-25 05:41

小辣椒 发表于 2026-7-24 22:39
发现老师的音频效果加的非常好

谢谢{:4_178:}

花甲走四方 发表于 2026-7-25 05:41

小辣椒 发表于 2026-7-24 22:40
欣赏老师的精彩制作

学习中{:4_208:}

红影 发表于 2026-7-25 22:15

花甲走四方 发表于 2026-7-25 05:39
谢谢欣赏支持

不客气啊，非常漂亮的制作{:4_187:}
页: [1]
查看完整版本: 听闻山上有路