花简静 发表于 2025-3-30 10:39:57

【简静音画】止于你

<style>
        @import 'https://638183.freep.cn/638183/web/ku/hcplayer3in1.css?v=1';
        #tz {margin: 130px 0 30px calc(50% - 931px);width: 1700px;height: 1100px;background: #000 url('https://642303.freep.cn/642303/tu/20250329zyn03.webp') no-repeat center/cover;overflow: hidden; }
        #mplayer { --track: #bdb6cb;--prog: #6d719f;--prg: 0%;bottom: 30px; }
        #fsbtn { top: 40px;color:#6d719f; border-color:#6d719f; }
        #lrcDiv {bottom: 10%;color: #6d719f; --hlcolor: #bdb6cb;
}
        .vid {
    width: 100%;
    height: 130%;
    bottom:0px;
    opacity: .66;
    -webkit-mask: linear-gradient(to bottom,transparent,transparent,red);
    mix-blend-mode: overlay;
}
.mypic {
    position: absolute;
    right:360px;
    top:230px;
    cursor: pointer;
    mix-blend-mode: luminosity;
    z-index: 3;
   pointer-events: none;
}
</style>

<div id="tz" class="pa">
        <video class="vid" src="https://video.699pic.com/videos/93/03/32/c7UiktREpYm71513930332.mp4" autoplay loop></video>
        <audio id="aud" src="https://music.163.com/song/media/outer/url?id=1339725072" autoplay loop></audio>
        <div class="mypic"><img src="http://qslt.net/data/attachment/forum/202412/22/185517gclz9lzqcokzqcuz.gif" alt="" /></div>
</div>

<script type="module">
        import { hcplay } from 'https://638183.freep.cn/638183/web/ku/hcplayer3in1.js?v=1';
        var gc = `
        单曲：止于你
        歌手：潘悦晨
        所属专辑：止于你
        作词 : 森林
        作曲 : 曹秦
        编曲吉他：卢骏康
        学习黑师20250329《DOOOO》三合一横版歌词效果
        四月的新绿晕开我所有柔情
        房子般的心
        无人知晓的欢愉
        我将这心事藏在远行春风里
        无声又无息
        恰到好处的思意
        云止于雾气缥缈散去的神秘
        光止于细雨落地微带着寒意
        雪止于星辰碎片洒落在天际
        万物就化作欢喜溢满我眼底
        我止于你如春阳温暖我年少
        微风轻轻起
        你一笑就足矣
        乍暖的朝夕盛满我所有温情
        似波澜不惊
        内心翻天覆地
        我将这心事藏在每天晚安里
        思绪般的谜
        遥不可及的归期
        云止于雾气缥缈散去的神秘
        光止于细雨落地微带着寒意
        雪止于星辰碎片洒落在天际
        万物就化作欢喜溢满我眼底
        我止于你如春阳温暖我年少
        微风轻轻起
        你一笑就足矣
        微风轻轻起
        你一笑就足矣
        混音：李浩纶
        制作人：李浩纶
        发行公司：杭州回声文化艺术策划有限公司
`;
        hcplay(tz,gc,3);
        flower.onclick = () => aud.paused ? aud.play() : aud.pause();
</script>

花简静 发表于 2025-3-30 10:40:06

<style>
        @import 'https://638183.freep.cn/638183/web/ku/hcplayer3in1.css?v=1';
        #tz {margin: 130px 0 30px calc(50% - 931px);width: 1700px;height: 1100px;background: #000 url('https://642303.freep.cn/642303/tu/20250329zyn03.webp') no-repeat center/cover;overflow: hidden; }
        #mplayer { --track: #bdb6cb;--prog: #6d719f;--prg: 0%;bottom: 30px; }
        #fsbtn { top: 40px;color:#6d719f; border-color:#6d719f; }
        #lrcDiv {bottom: 10%;color: #6d719f; --hlcolor: #bdb6cb;
}
        .vid {
    width: 100%;
    height: 130%;
    bottom:0px;
    opacity: .66;
    -webkit-mask: linear-gradient(to bottom,transparent,transparent,red);
    mix-blend-mode: overlay;
}
.mypic {
    position: absolute;
    right:360px;
    top:230px;
    cursor: pointer;
    mix-blend-mode: luminosity;
    z-index: 3;
   pointer-events: none;
}
</style>

<div id="tz" class="pa">
        <video class="vid" src="https://video.699pic.com/videos/93/03/32/c7UiktREpYm71513930332.mp4" autoplay loop></video>
        <audio id="aud" src="https://music.163.com/song/media/outer/url?id=1339725072" autoplay loop></audio>
        <div class="mypic"><img src="http://qslt.net/data/attachment/forum/202412/22/185517gclz9lzqcokzqcuz.gif" alt="" /></div>
</div>

<script type="module">
        import { hcplay } from 'https://638183.freep.cn/638183/web/ku/hcplayer3in1.js?v=1';
        var gc = `
        单曲：止于你
        歌手：潘悦晨
        所属专辑：止于你
        作词 : 森林
        作曲 : 曹秦
        编曲吉他：卢骏康
        学习黑师20250329《DOOOO》三合一横版歌词效果
        四月的新绿晕开我所有柔情
        房子般的心
        无人知晓的欢愉
        我将这心事藏在远行春风里
        无声又无息
        恰到好处的思意
        云止于雾气缥缈散去的神秘
        光止于细雨落地微带着寒意
        雪止于星辰碎片洒落在天际
        万物就化作欢喜溢满我眼底
        我止于你如春阳温暖我年少
        微风轻轻起
        你一笑就足矣
        乍暖的朝夕盛满我所有温情
        似波澜不惊
        内心翻天覆地
        我将这心事藏在每天晚安里
        思绪般的谜
        遥不可及的归期
        云止于雾气缥缈散去的神秘
        光止于细雨落地微带着寒意
        雪止于星辰碎片洒落在天际
        万物就化作欢喜溢满我眼底
        我止于你如春阳温暖我年少
        微风轻轻起
        你一笑就足矣
        微风轻轻起
        你一笑就足矣
        混音：李浩纶
        制作人：李浩纶
        发行公司：杭州回声文化艺术策划有限公司
`;
        hcplay(tz,gc,3);
        flower.onclick = () => aud.paused ? aud.play() : aud.pause();
</script>

玫の玫 发表于 2025-3-30 12:05:06

静静真好，代码也带来了！！{:1_154:}{:1_154:}

玫の玫 发表于 2025-3-30 12:06:12

歌曲还真好听 呢 ，还是同步滴{:1_156:}

玫の玫 发表于 2025-3-30 12:09:32

她立于海边，
长发披肩，
闭眼沐浴微风，
海天一色间，
飞鸟掠过。
好意境~~

玫の玫 发表于 2025-3-30 12:10:58

“止于你”，
那藏在春风里的心事，
随着轻柔海风飘散，
你的一笑，
曾是她世界里最美的风景 。
谢静静带来美作与大家分享！

绿蔷薇 发表于 2025-3-30 15:27:57

这图图设计的真好
素雅的画面，留白很有味道
标题文字的编排制作匠心独具，美~

绿蔷薇 发表于 2025-3-30 15:29:21

还有代码与歌词的制作，赞~
谢谢简静的无私分享~~~
{:5_130:}

绿蔷薇 发表于 2025-3-30 15:29:40

问好简静，祝周末快乐~~~{:S01:}

浅唱 发表于 2025-3-31 11:48:17

图上水印能去掉就更好
页: [1] 2 3
查看完整版本: 【简静音画】止于你