小雨的心 发表于 2025-2-4 17:27:02

【小雨音画】世界赠予我的

<style>
    @import 'https://638183.freep.cn/638183/web/css/audlrc.css';
    #mama { margin: 130px 0 30px calc(50% - 891px);width: 1600px;height: 900px; background: black url('https://xiaoyudexin.oss-cn-beijing.aliyuncs.com/sjk.jpg') no-repeat center/ cover; overflow: hidden;}
    #player { width: 60px;height: 60px;left: calc(90% - 228px); top: calc(40% - 70px); filter: hue-rotate(0deg); }
    #player:hover { filter: hue-rotate(30deg); transition: .7s; }
    #prog { bottom: 20px; width: 220px; --bg1: #ffffffaa; --bg2: SaddleBrown; --color: snow; }
    #lrc {left: 50%;transform: translateX(-50%);bottom: 30px; --bg: linear-gradient(#ffffffaa, SaddleBrown); color: silver;font: bold 2.0em cursive;opacity: .86; }
    #vid { position: absolute; width: 100%; height: 110%; object-fit: cover; top:-80px; mix-blend-mode: screen;-webkit-mask: linear-gradient(to top right, red 88%, transparent 0);pointer-events: none; opacity: .75;}
</style>

<div id="mama" class="pa">
    <audio id="aud" src="https://www.joy127.com/url/120439.mp3"></audio>
    <video id="vid" src="https://img.tukuppt.com/video_show/2475824/00/01/35/5b418ce398ec3.mp4" autoplay loop muted></video>
    <div id="lrc" class="lrc" data-lrc="HCPlayer">HCPlayer</div>
    <img id="player" class="player" src="https://pic.imgdb.cn/item/65c0a8f19f345e8d03032e45.png" alt="" />
    <div id="prog" class="prog" data-tt="00:00 00:00"></div>
</div>

<script type="module">
    import { Aud } from 'https://638183.freep.cn/638183/web/mod/audlrc.js';
var geci= [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
    var mDatas = { pa: mama, btn: player, prog: prog, lrc: lrc, lrcAr: geci };
    var audio = new Aud(mDatas);
    audio.play();
</script><br><br><br><br><br><br><br><br><br><br><br>

玫の玫 发表于 2025-2-4 19:49:59

沙发欣赏小雨美作！

玫の玫 发表于 2025-2-4 19:51:02

欣赏友友佳作，
感谢精彩分享，
感谢给大家带来美滴享受！
祝创作愉快，
天天好心情！

玫の玫 发表于 2025-2-4 19:52:38

王菲新歌好听
歌词写得灰常好
我们在接收世界馈赠的同时，
也应该怀揣感恩之心，
珍惜并善用这些赠予，
以更加积极、
开放的态度去面对生活。

绿蔷薇 发表于 2025-2-5 15:05:55

质感美图图，浓浓的藏族风情
小播放器配的蛮契合的，好看~~
{:S01:}

绿蔷薇 发表于 2025-2-5 15:06:31

世界赠予我的
王菲的新歌蛮感银的
{:S14:}

绿蔷薇 发表于 2025-2-5 15:06:47

问好小雨，新春快乐~~~{:S06:}

云梦闲情 发表于 2025-2-6 14:52:58

{:1_150:}王菲在春晚唱的新歌

欧阳风刀 发表于 2025-2-9 14:27:28

很是有民族风情的画面。播放器好看。

欧阳风刀 发表于 2025-2-9 14:27:47

欣赏学习，问好小雨！{:1_155:}
页: [1]
查看完整版本: 【小雨音画】世界赠予我的