花甲走四方 发表于 2026-9-21 12:23

月满人间

<style>
        @import 'https://638183.freep.cn/638183/web/ku/hcplayer3in1.css?v=1';
        #tz { margin: 30px 0 30px calc(50% - 593px); background: #e6e6e6 url('https://s41.ax1x.com/2026/09/19/pnMNiIP.jpg') no-repeat center/1040px 680px; }
        #lrcDiv { writing-mode: vertical-rl; right: 630px; text-align: left; color: #ddd; --hlcolor: #eee; }
        #mplayer { bottom: 30px; --track: #666; --prog: #222; }
        #fsbtn { top: 40px; color: #333; border-color: #333; }
        #playimg { position: absolute; top: 30px; left: 40px; cursor: pointer; filter: hue-rotate(60deg); transition: .7s; animation: rot 8s linear infinite var(--state); }
        #playimg:hover { filter: unset; width: 150px; }
        .vid { mask: radial-gradient(rgba(0,0,0,.5) 50%, transparent 80%, transparent 0); }
</style>

<div id="tz" class="pa">
        <video class="vid" src="https://img2.tukuppt.com/video_show/7165162/00/20/20/5f2102739a334.mp4" autoplay loop></video>
        <audio id="aud" src="https://imgimg.qqdsw8.cn/view.php/f9cdfee02734ed18fb1a8d90c2595a17.mp3" autoplay loop></audio>
        <img id="playimg" src="msvg" alt="" title="Alt+X" width="120" />
</div>

<script type="module">
        import { hcplay } from 'https://638183.freep.cn/638183/web/ku/hcplayer3in1.js?v=1';
        var gc = `
月满人间
词曲：AI数据模型
制作：花甲走四方
晚风轻推开窗
清辉落满房间
千里山河同望
一轮明月悬天上
桂香漫过院墙
思念悄悄蔓延
隔山遥遥相望
今宵共赏这月光
月圆圆,夜漫漫
人间岁岁盼团圆
风软软,云淡淡
一杯清酒敬平安
月光捎去祝愿
岁岁良辰相伴
感谢欣赏
祝大家中秋节快乐！`;
        hcplay(tz,gc,7);
        playimg.onclick = () => aud.paused ? aud.play() : aud.pause();
</script>

红影 发表于 2026-9-21 12:42

漂亮的制作，画面精美，竖排歌词很漂亮。
欣赏高老师好帖{:4_199:}

杨帆 发表于 2026-9-21 13:30

好听好看，谢谢走四方老师精彩分享{:4_190:}
页: [1]
查看完整版本: 月满人间