我想出去吹吹风 学习青山如昨播放器效果
<style>
@import 'https://638183.freep.cn/638183/web/css/audlrc.css';
#mama { margin: 130px 0 30px calc(50% - 801px); width: 1440px; height: 800px; background: black url('https://file.uhsea.com/2411/5120ad3b54aaf649ea22235f9c34bc16OC.jpg') no-repeat center/ cover; }
#player { width: 100px; height: 100px;left: calc(55% - 120px);top: 70%; animation: flash 4s linear infinite var(--state), rot 8s linear infinite var(--state); }
#player:hover { filter: hue-rotate(180deg); transition: .7s; }
#prog { bottom: 60px; left: 38%; width: 350px; height: 4px;--bg1: LightCyan; --bg2: Turquoise; --color: LightCyan; }
#prog::before { width: 100%; height: 40px; left: 0; top: -30px; }
#lrc { top: 8%; color: Honeydew; --bg: linear-gradient(rgba(0,255,255,.15),rgba(0,255,255,.55)); }
#vid { position: absolute; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: darken; -webkit-mask: radial-gradient(transparent 20%, red); pointer-events: none; opacity: .15; }
#fsbtn { position: absolute; bottom: 20px; color: DarkKhaki; padding: 2px 6px; border: 2px solid DarkKhaki; border-radius: 8px; user-select: none; cursor: pointer; transition: .5s; }
@keyframes flash { to { filter: hue-rotate(360deg); } }
#dt1{ position: absolute; width: 400px; height: 270px; top: 15px; left: 968px; }
</style>
<div id="mama" class="pa">
<img id="dt1" src="https://xlaj.cn/upfile/202411/12/4n.gif " alt="" />
<audio id="aud" src="https://aod.cos.tx.xmcdn.com/storages/778d-audiofreehighqps/4A/38/GAqhoZALFhX5ACAAAAMzyZtF.m4a"></audio>
<video id="vid" src="https://img-baofun.zhhainiao.com/pcwallpaper_ugc/scene/d038ac1007f2d25b46b8452f25a0d119_preview.mp" autoplay loop muted></video>
<span id="fsbtn"></span>
<div id="lrc" class="lrc" data-lrc="HCPlayer">HCPlayer</div>
<img id="player" class="player" src="https://file.uhsea.com/2411/f92e90eb2894320f5a7c7b34f4728dceMO.png" alt="" />
<div id="prog" class="prog" data-tt="00:00 00:00"></div>
</div>
<script type="module">
import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
import { Aud } from 'https://638183.freep.cn/638183/web/mod/audlrc.js';
var lrcAr = [['0.00', '我想出去吹吹风（Live 合唱版）',5.64],
['5.94', '演唱：落笔',1.94],
['7.98', '作词/作曲：廖伟鉴',1.52],
['9.58', '合唱：盛夏合唱团',1.93],
['11.61', '后期：拙啼',1.61],
['13.30', '制作人/出品人：廖伟鉴',1.69],
['15.08', '发行：华伟文化传媒',3.02],
['18.59', '我想出去吹吹风',3.92],
['22.92', '让心情好好放松',4.24],
['27.38', '放慢忙碌的脚步',4.27],
['31.87', '忘掉所有苦与痛',4.21],
['36.30', '我想出去吹吹风',4.23],
['40.75', '吹走心中的郁闷',4.16],
['45.13', '远离尘世的纷扰',4.25],
['49.60', '不再为谁而心动',4.27],
['54.10', '我想出去吹吹风',3.66],
['57.95', '与大自然热情相拥',4.68],
['62.88', '呼吸自由的空气',3.80],
['66.88', '享受这美好的人生',4.66],
['71.79', '我想出去吹吹风',3.71],
['75.69', '治愈内心的千疮百孔',4.79],
['80.73', '释放心中的压力',3.64],
['84.56', '感受世界的与众不同',5.27],
['90.11', ' ',5.95],
['96.37', '我想出去吹吹风',4.12],
['100.71', '让心情好好放松',4.27],
['105.20', '放慢忙碌的脚步',4.23],
['109.65', '忘掉所有苦与痛',4.21],
['114.08', '我想出去吹吹风',4.24],
['118.54', '吹走心中的郁闷',4.23],
['122.99', '远离尘世的纷扰',4.13],
['127.34', '不再为谁而心动',4.28],
['131.85', '我想出去吹吹风',3.94],
['136.00', '与大自然热情相拥',4.46],
['140.69', '呼吸自由的空气',3.68],
['144.56', '享受这美好的人生',4.69],
['149.50', '我想出去吹吹风',3.83],
['153.53', '治愈内心的千疮百孔',4.72],
['158.50', '释放心中的压力',3.68],
['162.37', '感受世界的与众不同',5.49],
['168.15', ' ',18.69],
['187.82', '我想出去吹吹风',3.34],
['191.34', '与大自然热情相拥',4.70],
['196.29', '呼吸自由的空气',3.66],
['200.14', '享受这美好的人生',4.83],
['205.22', '我想出去吹吹风',3.60],
['209.01', '治愈内心的千疮百孔',4.76],
['214.02', '释放心中的压力',3.71],
['217.92', '感受世界的与众不同',5.97],
['224.20', '谢谢欣赏',4.58],
['242.71', '',4.5]
];
var mDatas = { pa: mama, btn: player, prog: prog, lrc: lrc, lrcAr: lrcAr };
var audio = new Aud(mDatas);
audio.play();
fscreen.fs('mama', 'fsbtn');
</script> @马黑黑
马老师好，完成一个青山如昨播放器效果，好像没有很完美，就套用的 @小辣椒
完成一个作业，不管好不好，冬雨反正今天完成了{:4_170:} 你问我要什么，很简单，我想出去吹吹风{:4_189:} 冬天的雨 发表于 2024-11-24 15:13
你问我要什么，很简单，我想出去吹吹风
这个不算，还有什么{:4_189:} 这样的场景里吹吹风真是享受了 绿叶清舟 发表于 2024-11-24 15:32
这个不算，还有什么
清舟在啊，这个这么不算呢，还有什么让我想想{:4_203:}{:4_172:} 绿叶清舟 发表于 2024-11-24 15:33
这样的场景里吹吹风真是享受了
就是，现在的天气出去刚好，风不算大，心情会无比的爽{:4_170:} 冬天的雨 发表于 2024-11-24 15:36
清舟在啊，这个这么不算呢，还有什么让我想想
是啊，刚上来正好看到你在了 绿叶清舟 发表于 2024-11-24 15:38
是啊，刚上来正好看到你在了
赶了一个作业{:4_205:} 这个场景很开阔呢，让人心旷神怡的感觉。
制作很漂亮，欣赏冬小雨好帖{:4_199:} 冬天的雨 发表于 2024-11-24 15:12
@小辣椒
完成一个作业，不管好不好，冬天反正今天完成了
冬小雨真好，小辣椒让你做就马上做出来了，还做得这么漂亮，厉害{:4_199:} 红影 发表于 2024-11-24 15:44
这个场景很开阔呢，让人心旷神怡的感觉。
制作很漂亮，欣赏冬小雨好帖
美女好，冬雨是套用完成一个作业{:4_189:} 红影 发表于 2024-11-24 15:45
冬小雨真好，小辣椒让你做就马上做出来了，还做得这么漂亮，厉害
主要看时间，平时我没有时间玩，今天休息天也是难得做一个了 冬天的雨 发表于 2024-11-24 16:03
美女好，冬雨是套用完成一个作业
冬小雨做得非常漂亮呢，很喜欢的背景，特别开阔{:4_187:} 冬天的雨 发表于 2024-11-24 16:04
主要看时间，平时我没有时间玩，今天休息天也是难得做一个了
冬小雨厉害的，想做就能做得这么美呢{:4_187:} 冬天的雨 发表于 2024-11-24 15:12
@小辣椒
完成一个作业，不管好不好，冬天反正今天完成了
又是被 @小辣椒 逼的{:4_170:} 冬天的雨 发表于 2024-11-24 15:10
@马黑黑
马老师好，完成一个青山如昨播放器效果，好像没有很完美，就套用的
这个很完美了 静静地，我默默的听了三遍。。。。。。。 但还是没听过瘾 简直和小辣椒一个风格，带和声的歌儿，特别的动听。{:4_176:}{:4_178:}
页:
[1]
2