梦江南 发表于 2026-7-21 16:32

夜阑珊

<style>
       @import 'https://638183.freep.cn/638183/web/ku/hcplayer3in1.css';
    #papa { position: absolute; left: 50%; transform: translateX(-50%); width: clamp(800px, 90vw, 1400px); height: clamp(450px, 90vh, 760px); background: #eee url('https://pan.suyanw.cn/view.php/90c21d4ab5cfac63508217a07a020c85.jpg') no-repeat center/cover; border-radius:32px;}
      #mplayer { bottom: 30px; --track: #f7c06e;--prog: #a66707; }
        #lrcDiv { writing-mode: vertical-rl; top: 80px; right:200px; box-sizing: border-box; text-align: left;color: #fbe0b6; --hlcolor: #f4970b;}
        #lrcDiv > p { width: 30px; line-height: 30px; }
      #fsbtn { bottom: 20px; left: 70px;color: #f7c06e; border: 2px solid #f7c06e;}
      .zw { height: clamp(460px, 90vh, 760px); margin: 30px; }
.vid {position: absolute;width: 100%; height: 120%; opacity: .5; object-fit: cover;mask: radial-gradient(transparent 0%, red);-webkit-mask: radial-gradient(transparent 0%, red);pointer-events: none; bottom: 0;border-radius:32px; }
</style>

<div id="papa" class="pa">
    <audio id="aud" src="https://music.163.com/song/media/outer/url?id=3383127428.mp3
" autoplay loop></audio>
    <video class="vid" src="" autoplay loop muted></video>
<img class="" src="https://wj1.zp68.com:812/lxx/yunhua/2024/07/27/4n.gif" alt="" style="left: 900px; top: 100px;">


</div>


<div class="zw"></div>

<script type="module">
    import { hcplay } from 'https://638183.freep.cn/638183/web/ku/hcplayer3in1.js';
    var geci = ` 夜阑珊\n
        LRC歌词编辑：梦江南\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
        徒留此心独怅惘\n
        叹此间离合悲欢\n
        缘分终究会流散\n
        一寸心如何能看\n
        物是人非空留憾\n
        啊啊啊余生路漫漫长叹\n
        孤独身影步蹒跚\n
        夜阑珊风易残\n`;
    hcplay(papa,geci,5);
</script>

梦江南 发表于 2026-7-21 16:36

@东篱闲人 @梦油
东篱老师谢谢你的音乐，梦油你不知收到否？

魏淑芬 发表于 2026-7-21 16:56

听优美歌声，看精美画面，欣赏好制作，点赞！

梦江南 发表于 2026-7-21 17:27

魏淑芬 发表于 2026-7-21 16:56
听优美歌声，看精美画面，欣赏好制作，点赞！

是的，这个首歌很耐听，喜欢听就做了音画。
谢谢魏老师分享支持。{:4_204:}

红影 发表于 2026-7-21 21:57

这制作真美，欣赏江南好帖{:4_199:}

梦江南 发表于 2026-7-22 07:13

红影 发表于 2026-7-21 21:57
这制作真美，欣赏江南好帖

早上好，谢谢影子欣赏支持鼓励。祝夏安！{:4_204:}

霜染枫丹 发表于 2026-7-22 08:29

欣赏梦江南佳作，上午好！{:4_204:}{:4_190:}

梦江南 发表于 2026-7-22 09:09

霜染枫丹 发表于 2026-7-22 08:29
欣赏梦江南佳作，上午好！

问好，谢谢版主欣赏支持，祝夏安！{:4_204:}

杨帆 发表于 2026-7-22 13:54

好听好看，谢谢江南精彩分享{:4_187:}

梦江南 发表于 2026-7-22 14:06

杨帆 发表于 2026-7-22 13:54
好听好看，谢谢江南精彩分享

问好杨帆，谢谢欣赏支持，祝夏安！{:4_204:}

红影 发表于 2026-7-22 20:31

梦江南 发表于 2026-7-22 07:13
早上好，谢谢影子欣赏支持鼓励。祝夏安！

不客气啊，问好江南{:4_187:}

玫瑰 发表于 2026-7-22 20:57

欣赏江南的精美佳作。{:4_204:}

梦江南 发表于 2026-7-22 21:16

红影 发表于 2026-7-22 20:31
不客气啊，问好江南

不是客气，是互动礼貌，应该的。晚上好!{:4_204:}

梦江南 发表于 2026-7-22 21:18

玫瑰 发表于 2026-7-22 20:57
欣赏江南的精美佳作。

看到玫瑰来了，我上来回复好就要下线了。谢谢玫瑰欣赏支持，晚上好！{:4_204:}

玫瑰 发表于 2026-7-22 21:19

梦江南 发表于 2026-7-22 21:18
看到玫瑰来了，我上来回复好就要下线了。谢谢玫瑰欣赏支持，晚上好！

好的好的，遇见开心。{:4_204:}

红影 发表于 2026-7-22 22:06

梦江南 发表于 2026-7-22 21:16
不是客气，是互动礼貌，应该的。晚上好!

问好江南，晚上好{:4_187:}

梦江南 发表于 2026-7-23 07:39

玫瑰 发表于 2026-7-22 21:19
好的好的，遇见开心。

玫瑰早上好，{:4_204:}

梦江南 发表于 2026-7-23 07:40

红影 发表于 2026-7-22 22:06
问好江南，晚上好

影子早上好，新一天快乐，上下班注意防暑。{:4_204:}

东篱闲人 发表于 2026-7-23 20:58

意境极美，创作精彩无限。。。{:4_204:}{:4_204:}

红影 发表于 2026-7-23 23:09

梦江南 发表于 2026-7-23 07:40
影子早上好，新一天快乐，上下班注意防暑。

谢谢江南，你也保重自己{:4_204:}
页: [1] 2
查看完整版本: 夜阑珊