花甲走四方 发表于 2026-9-8 13:36

你往南走(风往北刮)

<style>
@import 'https://638183.freep.cn/638183/tzmaker/tz5.css';
.pa { --bg: url('https://imgimg.qqdsw8.cn/view.php/b9711ecab9868a6368e566d60506eb5f.jpg') no-repeat center/cover; --ma-size: 120px; }
.fadeInLrc { left: 50px; top: 30px; writing-mode: vertical-rl; text-orientation: upright; z-index: 105; }
.char { padding: 4px; }
#msvg { bottom: 20px; }
</style>


<div class="pa">
<svg id="msvg" width="200" height="200">
    <g>
      <title>调节进度</title>
      <path id="track" d="M10 100 A1 1 0 0 0 190 100" fill="none" stroke="lightblue" stroke-width="8" />
      <path id="prog" d="M10 100 A1 1 0 0 0 190 100" fill="none" stroke="lightgreen" stroke-width="8" />
    </g>
</svg>
</div>

<script>
var jsFile = 'https://638183.freep.cn/638183/tzmaker/tz5.js';
loadJs(jsFile, tzInit);

var gc = `你往南走-南歌
作詞: 南歌
作曲: 南歌
制作: 花甲走四方
啊
啊
你往南走
風往北刮
遠方的人啊
我等你回家
風你往南刮
給他帶句話
有人在想他
盼著他回家
風你往北刮
捎回一句話
家鄉把雨下
是我回家啦
風沒往南刮
雨兒往北下
長出牡丹花
開在房檐下
風你往南刮
給他帶句話
有人在想他
盼著他回家
風你往北刮
捎回一句話
家鄉把雨下
是我想家啦
啊`;

function loadJs(url, callback) {
    const script = document.createElement('script');
    script.charset = 'utf-8';
    script.src = url;
    script.defer = true;
    script.onload = callback;
    document.body.appendChild(script);
}

function tzInit() {
    var tz = TZ('pa');
    tz.add('audio', '', '', {src: 'https://imgimg.qqdsw8.cn/view.php/fab1b83cb0fcf5d42db4cb7a41e85eb0.m4a'});
    tz.add('video', '', 'pd-vid', {src: 'https://img2.tukuppt.com/video_show/15653652/00/80/83/60d04564c32f7.mp4'});
    tz.add('img', '', 'ma', { src: 'https://638183.freep.cn/638183/small/780.webp' }).style('bottom: 50px;').playmp3();
    tz.svgprog('msvg', 'track', 'prog');
    tz.lrc(tz.lrc2HC(gc), '', true);//.style('top: 30px;');
    tz.fs().style('right: 20px; top: 20px;');
    tz.autoMid();
}
</script>

梦油 发表于 2026-9-8 17:05

欣赏老高的精彩制作，祝福老高天天快乐。

红影 发表于 2026-9-8 22:05

漂亮的制作。欣赏高老师好帖{:4_199:}
页: [1]
查看完整版本: 你往南走(风往北刮)