花飞飞 发表于 2025-1-30 21:59

【黑师代码】你是我不顾一切奔向的覆辙

本帖最后由 花飞飞 于 2025-1-30 23:26 编辑 <br /><br /><style>
    @import 'https://638183.freep.cn/638183/web/css/audlrc.css';
    #mama { margin: 130px 0 30px calc(50% - 931px);width: 1700px;height: 900px; background: black url('https://642303.freep.cn/642303/tu/20250130benfu02.webp') no-repeat center/ cover; overflow: hidden;}
    #player { width: 60px;height: 60px;left: calc(30% - 55px); top: calc(61% - 5px); opacity: .82; }
    #player:hover { filter: hue-rotate(30deg); transition: .7s; }
    #prog { bottom: 20px; width: 220px; --bg1: #ffffffaa; --bg2: Salmon; --color: snow;opacity: .56; }
    #lrc {left: 50%;transform: translateX(-50%);bottom: 30px; --bg: linear-gradient(#ffffffaa, IndianRed); color:         Snow;font: bold 1.6em cursive;opacity: .36; }
    #vid{ position: absolute; width: 100%; height: 110%;top:-180px;right:-300px;-webkit-mask: radial-gradient(circle,   cyan, cyan,rgba(0,0,0,.35),transparent, transparent, transparent, transparent); object-fit: cover;mix-blend-mode:luminosity; opacity: .66;}
   
</style>

<div id="mama" class="pa">
    <audio id="aud" src="https://music.163.com/song/media/outer/url?id=1864887870.mp3 "></audio>
    <video id="vid" src="https://img.tukuppt.com/video_show/53950850/04/18/11/6472c9286ac2e.mp4" autoplay loop muted></video>
    <div id="lrc" class="lrc" data-lrc="HCPlayer">HCPlayer</div>
    <img id="player" class="player" src="https://www.huachaowang.com/forum.php?mod=attachment&aid=NDY1OTV8NmVkZDNjZmN8MTczODI1MDY4MXw3Njc5fDc4NTcz&noupdate=yes" 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>

花飞飞 发表于 2025-1-30 22:01

@马黑黑 事实证明白老师这个带歌词的模板非常万能,容易成贴。。
傲七爷的歌好听,还是从白老师的贴子里知道她的名字,当时对她名字印象深刻,这首也不错~~

马黑黑 发表于 2025-1-30 22:12

矮油,暂停/播放歌曲要去点菇凉的嘴{:4_170:}

马黑黑 发表于 2025-1-30 22:14

帖子做的自然而飘逸,耐看,歌好,耐听

小辣椒 发表于 2025-1-30 22:27

欣赏飞飞美图图{:4_199:}

小辣椒 发表于 2025-1-30 22:28

背景质感效果明显,大气的图图特别的养眼{:4_199:}

花飞飞 发表于 2025-1-30 22:29

马黑黑 发表于 2025-1-30 22:12
矮油,暂停/播放歌曲要去点菇凉的嘴

你就说这个小花好不好看吧。
喜欢它的颜色,原来是个动图,自动会转的。
有背景抠了半天突然想到只要一帧就行了,代码可以让它转。
位置么,整个贴子都试过了,只有放这里最合适。。香甜可口{:4_170:}

小辣椒 发表于 2025-1-30 22:29

飞飞新年快乐!蛇年大吉!{:4_179:}

花飞飞 发表于 2025-1-30 22:30

马黑黑 发表于 2025-1-30 22:14
帖子做的自然而飘逸,耐看,歌好,耐听
看老师这 评价,最近还是有点点进步的。。
色彩有点黑金,但没整那么暗沉,带点彩色。{:4_173:}

马黑黑 发表于 2025-1-30 22:30

花飞飞 发表于 2025-1-30 22:29
你就说这个小花好不好看吧。
喜欢它的颜色,原来是个动图,自动会转的。
有背景抠了半天突然想到只要一 ...

{:4_199:}

花飞飞 发表于 2025-1-30 22:31

小辣椒 发表于 2025-1-30 22:27
欣赏飞飞美图图

小辣椒来了,抱个,新年快乐。。{:4_187:}

花飞飞 发表于 2025-1-30 22:31

小辣椒 发表于 2025-1-30 22:29
飞飞新年快乐!蛇年大吉!

蛇年吉祥,2025事事如意,天天发财。。{:4_183:}

马黑黑 发表于 2025-1-30 22:32

花飞飞 发表于 2025-1-30 22:30
看老师这 评价,最近还是有点点进步的。。
色彩有点黑金,但没整那么暗沉,带点彩色。

挺好的

花飞飞 发表于 2025-1-30 22:32

马黑黑 发表于 2025-1-30 22:30


一般不会去点的。。正常都是把一曲听完{:4_173:}

马黑黑 发表于 2025-1-30 22:33

花飞飞 发表于 2025-1-30 22:32
一般不会去点的。。正常都是把一曲听完

接个电话啥的,总得暂停音乐

庶民 发表于 2025-1-31 08:01

真美,新年快乐。

梦江南 发表于 2025-1-31 08:22

漂亮啊!祝您新年快乐!{:4_187:}

樵歌 发表于 2025-1-31 09:20

美得不可方物。歌动听,播放器做得最有特色和吸引力{:4_189:}

红影 发表于 2025-1-31 10:04

漂亮,这样的场景有说不出的韵味,小播的位置选用也很匠心。
飞飞的小脑袋真灵,在这样的帖子里感受美的不可方物{:4_199:}

花飞飞 发表于 2025-1-31 17:14

小辣椒 发表于 2025-1-30 22:28
背景质感效果明显,大气的图图特别的养眼

{:4_187:}小辣椒初三快乐。。
页: [1] 2 3
查看完整版本: 【黑师代码】你是我不顾一切奔向的覆辙