【黑师代码】你是我不顾一切奔向的覆辙
本帖最后由 花飞飞 于 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> @马黑黑 事实证明白老师这个带歌词的模板非常万能，容易成贴。。
傲七爷的歌好听，还是从白老师的贴子里知道她的名字，当时对她名字印象深刻，这首也不错~~ 矮油，暂停/播放歌曲要去点菇凉的嘴{:4_170:} 帖子做的自然而飘逸，耐看，歌好，耐听 欣赏飞飞美图图{:4_199:} 背景质感效果明显，大气的图图特别的养眼{:4_199:} 马黑黑 发表于 2025-1-30 22:12
矮油，暂停/播放歌曲要去点菇凉的嘴
你就说这个小花好不好看吧。
喜欢它的颜色，原来是个动图，自动会转的。
有背景抠了半天突然想到只要一帧就行了，代码可以让它转。
位置么，整个贴子都试过了，只有放这里最合适。。香甜可口{:4_170:} 飞飞新年快乐！蛇年大吉！{:4_179:} 马黑黑 发表于 2025-1-30 22:14
帖子做的自然而飘逸，耐看，歌好，耐听
看老师这 评价，最近还是有点点进步的。。
色彩有点黑金，但没整那么暗沉，带点彩色。{:4_173:}
花飞飞 发表于 2025-1-30 22:29
你就说这个小花好不好看吧。
喜欢它的颜色，原来是个动图，自动会转的。
有背景抠了半天突然想到只要一 ...
{:4_199:} 小辣椒 发表于 2025-1-30 22:27
欣赏飞飞美图图
小辣椒来了，抱个，新年快乐。。{:4_187:} 小辣椒 发表于 2025-1-30 22:29
飞飞新年快乐！蛇年大吉！
蛇年吉祥，2025事事如意，天天发财。。{:4_183:} 花飞飞 发表于 2025-1-30 22:30
看老师这 评价，最近还是有点点进步的。。
色彩有点黑金，但没整那么暗沉，带点彩色。
挺好的 马黑黑 发表于 2025-1-30 22:30
一般不会去点的。。正常都是把一曲听完{:4_173:} 花飞飞 发表于 2025-1-30 22:32
一般不会去点的。。正常都是把一曲听完
接个电话啥的，总得暂停音乐 真美，新年快乐。 漂亮啊！祝您新年快乐！{:4_187:} 美得不可方物。歌动听，播放器做得最有特色和吸引力{:4_189:} 漂亮，这样的场景有说不出的韵味，小播的位置选用也很匠心。
飞飞的小脑袋真灵，在这样的帖子里感受美的不可方物{:4_199:} 小辣椒 发表于 2025-1-30 22:28
背景质感效果明显，大气的图图特别的养眼
{:4_187:}小辣椒初三快乐。。