雨季工作室 发表于 2026-6-29 11:05

一曲相思两情牵

本帖最后由 雨季工作室 于 2026-7-6 08:59 编辑 <br /><br /><style>
    @import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
    .pa { --offsetX: 81px; --bg: url('https://file.uhsea.com/2607/5c4e33f26f13fc8f1e677b2399ff112aUP.png') no-repeat center/cover; color: white; }
    .player { bottom: 10px; color: limegreen; }
    #lrc { bottom: 60px; }
    .btnFs { top: 25px; right: 20px; }
    #msvg { position: absolute; bottom: 120px; width: 12vw; heighht: 12vw; transition: .75s; opacity: var(--opacity); filter: brightness(1.5); }
</style>

<div id="pa" class="pa">
    <video class="pd-vid" src="https://img2.tukuppt.com/video_show/15653652/01/59/07/63806a6eb7241_10s_big.mp4" autoplay loop muted></video>
    <svg id="msvg" xmlns="http://www.w3.org/2000/svg" viewBox="-200 -200 400 400">
      <g id="g1" class="rot"><title>播放/暂停(Alt+X)</title></g>
    </svg>
</div>

<script>
    var options = {
      pa: '.pa',
      urls: [['http://music.163.com/song/media/outer/url?id=3394428940', '一曲相思两情牵']],
      btns:
    };

    var gc = `一曲相思两情牵\n演唱：甜妹紫烟\n作词：月亮\n作曲：甜妹紫烟\n歌词编辑：明月工作室\n窈窕淑女痴痴恋\n一曲相思两情牵\n素心孤影我独舞\n懒倚寒窗凄凄怨\n月儿弯弯星光寒\n爱河横渡独思念\n两情相悦难相伴\n怨女伤悲泪涟涟\n愁丝万千声声叹\n怅然若梦今生缘\n无语凝咽东篱下\n三生石畔守千年\n守千年\n★★用音乐诉说人生故事★★\n心有灵犀也相怜\n朝夕相伴一场梦\n不知不觉又一年\n月儿弯弯星光寒\n两情相悦难相伴\n怨女伤悲泪涟涟\n泪涟涟\n无语凝咽东篱下\n三生石畔守千年\n守千年\n--欢迎光临 --`;

        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);
      var dr = _dr(msvg);
      dr.image('https://yp.txcnm.cn/view.php/bbe62b0530fb672a05f3a2eaf22e8fdd.png', -60, -200, 150, 220).addTo(g1).rotates(6);
    }

    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-6-29 11:49

好美的画面，动听的歌，欣赏雨季老师的精美音画。{:4_199:}

红影 发表于 2026-6-29 15:19

月下遣怀，很美好的古装画面。
制作漂亮，欣赏雨季工作室好帖{:4_199:}

梦油 发表于 2026-6-29 16:57

字母与歌曲同步看着很舒服。

雨季工作室 发表于 2026-6-30 09:28

梦江南 发表于 2026-6-29 11:49
好美的画面，动听的歌，欣赏雨季老师的精美音画。

谢谢江南老师支持！

雨季工作室 发表于 2026-6-30 09:29

红影 发表于 2026-6-29 15:19
月下遣怀，很美好的古装画面。
制作漂亮，欣赏雨季工作室好帖

谢谢红影老师支持！

雨季工作室 发表于 2026-6-30 09:30

梦油 发表于 2026-6-29 16:57
字幕与歌曲同步看着很舒服。
谢谢梦油老师支持！

杨帆 发表于 2026-6-30 09:37

好听好看，谢谢雨季精彩分享{:4_190:}

雨季工作室 发表于 2026-6-30 10:09

杨帆 发表于 2026-6-30 09:37
好听好看，谢谢雨季精彩分享

谢谢杨帆老师支持！

梦油 发表于 2026-6-30 11:18

雨季工作室 发表于 2026-6-30 09:30
谢谢梦油老师支持！

雨季朋友别客气。

小辣椒 发表于 2026-6-30 21:31

老师专注这个播放器制作，背景制作画面有自己的特点，挺好{:4_199:}

小辣椒 发表于 2026-6-30 21:31

感谢精彩分享{:4_187:}

雨季工作室 发表于 2026-7-1 08:20

小辣椒 发表于 2026-6-30 21:31
感谢精彩分享

谢谢辣椒老师支持！

雨季工作室 发表于 2026-7-1 08:23

小辣椒 发表于 2026-6-30 21:31
老师专注这个播放器制作，背景制作画面有自己的特点，挺好

特别喜欢黑黑老师这个播放器！

红影 发表于 2026-7-1 09:08

雨季工作室 发表于 2026-6-30 09:29
谢谢红影老师支持！

问好雨季工作室，再赏好帖{:4_187:}

小辣椒 发表于 2026-7-5 22:07

雨季工作室 发表于 2026-7-1 08:23
特别喜欢黑黑老师这个播放器！

只是你的背景图我老看不见，是不是文件很大？
页: [1]
查看完整版本: 一曲相思两情牵