花甲走四方 发表于 2026-7-24 09:05

巴扎黑《吹吹山顶的风》

<style>
@import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
.pa { --offsetX: 81px; --bg: url('https://picasa.eu.org/i/2026/07/24/42hbsp.jpg') no-repeat center/cover; color: lightgreen; }
.player { width: 480px; bottom: 20px; }
.btnFs { top: 85px; right: 1320px; }
.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/7165162/00/17/50/5ec64ee5538e4.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://up.mediy.cn/%E5%B7%B4%E6%89%8E%E9%BB%91%E3%80%8A%E5%90%B9%E5%90%B9%E5%B1%B1%E9%A1%B6%E7%9A%84%E9%A3%8E%E3%80%8B_06a1b25081096579dbdb2cf714089937.aac', '吹吹山顶的风']],
    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-7-24 09:52

看着雪山没有风，身也凉快了。谢谢高老师带来的精彩音画。{:4_187:}

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

这个制作很漂亮，图片四周还加了精致的边框，图片里那么多漂浮的轻纱，好美啊。
歌曲好听，制作漂亮，欣赏高老师好帖{:4_199:}

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

画面设计潇洒浪漫，问好老高朋友。

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

老师这个制作不错，歌曲选的也是好，只是这个歌词同步还是有点欠缺，这个给歌词是网络找的还是自己编辑的？有几句不够同步。自己稍微修改一下更加完美

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

梦江南 发表于 2026-7-24 09:52
看着雪山没有风，身也凉快了。谢谢高老师带来的精彩音画。

{:4_205:}

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

红影 发表于 2026-7-24 12:28
这个制作很漂亮，图片四周还加了精致的边框，图片里那么多漂浮的轻纱，好美啊。
歌曲好听，制作漂亮，欣赏 ...

{:4_208:}

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

梦油 发表于 2026-7-24 16:54
画面设计潇洒浪漫，问好老高朋友。

同好，安好{:4_185:}

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

小辣椒 发表于 2026-7-24 22:38
老师这个制作不错，歌曲选的也是好，只是这个歌词同步还是有点欠缺，这个给歌词是网络找的还是自己编辑的？ ...

歌词我用的笨办法，在一个边播放边调时间定位的，有时控制不太好{:4_201:}

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

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


再赏高老师好帖{:4_187:}
页: [1]
查看完整版本: 巴扎黑《吹吹山顶的风》