醉美水芙蓉 发表于 2026-5-20 22:39:57

江南梦 - 纳兰

<meta charset="utf-8">
<style>
@import 'https://638183.freep.cn/638183/tzmaker/tz5.css';
.pa { --bg: url('https://cnup.cnzv.cc/view.php/ZjIzZQ.jpg') no-repeat center/cover; --ma-size: 6%;width: 1400px; height: 750px; }
.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 = `江南梦 - 纳兰
词：文炅，纳兰
曲：张天赋
LRC编辑：醉美水芙蓉
小桥流水清风摇啊摇
摇着过往在我心里绕
曾陪我缠绵曾陪我欢笑
情雨滴滴打湿我眉梢
小巷深深花儿开正俏
只有花儿对着我微笑
笑我的痴狂笑我的寂寥
你是否也会想念我的好
乌篷船摇曳一江春水
杏花雨是守望你的泪
我悬腕落款画尽山山水水
只想你看到我笑中有泪
乌篷船摇曳一江春水
杏花雨是守望你的泪
等燕子归来与你携手天涯
一曲江南梦把你我伴随
小巷深深花儿开正俏
只有花儿对着我微笑
笑我的痴狂笑我的寂寥
你是否也会想念我的好
乌篷船摇曳一江春水
杏花雨是守望你的泪
我悬腕落款画尽山山水水
只想你看到我笑中有泪
乌篷船摇曳一江春水
只为你守望今生无悔
等燕子归来与你携手天涯
一曲江南梦我陪你回味
乌篷船摇曳一江春水
杏花雨是守望你的泪
我悬腕落款画尽山山水水
只想你看到我笑中有泪
乌篷船摇曳一江春水
只为你等待今生无悔
等燕子归来与你携手天涯
一曲江南梦我陪你回味
等燕子归来与你携手天涯
一曲江南梦我陪你回味
谢谢欣赏！
`;

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://www.joy127.com/url/151021.mp3'});
    tz.add('video', '', 'pd-vid', {src: 'https://img2.tukuppt.com/video_show/2475824/00/08/27/5d1c25a2656d6.mp4'});
    tz.add('img', '', 'ma', { src: 'https://i.uik.cc/view.php/4fb078e48dcc5d195a460623d6a0c501.png' }).style('bottom: 30px;').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>

klxf 发表于 2026-5-21 20:45:57

效果漂亮，只是加载慢了点

醉美水芙蓉 发表于 2026-5-21 21:47:50

klxf 发表于 2026-5-21 20:45
效果漂亮，只是加载慢了点

谢谢友友鼓励！
页: [1]
查看完整版本: 江南梦 - 纳兰