本帖最后由 花简静 于 2025-2-27 20:51 编辑
<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/20250222liu02.webp') no-repeat center/ cover; overflow: hidden;}
#player { width: 60px;height: 60px;left: calc(30% - 55px); top: calc(61% - 5px); opacity: .76; }
#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%; object-fit: cover; top:-80px; mix-blend-mode: screen;-webkit-mask: linear-gradient(to top, red 30%, transparent 55%, transparent); pointer-events: none; opacity: .95;}
</style>
<div id="mama" class="pa">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=453268268.mp3 "></audio>
<video id="vid" src="https://img.tukuppt.com/video_show/15653652/00/79/86/60c98c8146068.mp4" autoplay loop muted></video>
<div id="lrc" class="lrc" data-lrc="HCPlayer">HCPlayer</div>
<img id="player" class="player" src="http://qslt.net/data/attachment/forum/202501/30/200424ip6c3e1g5pjgwgly.gif" 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 = [
[0.77,"单曲：舍得",1.1],
[1.85,"歌手：王唯旖",1.2],
[3.01,"所属专辑：哈NI，非WO陌属",1.0],
[3.99,"作词 : 仓雁彬",1.0],
[4.97,"作曲 : 仓雁彬",1.2],
[6.13,"制作人：仓雁彬",1.0],
[7.17,"编曲：王鹏",1.0],
[8.18,"弦乐：中国国家交响乐团",1.3],
[9.45,"录音：曾嵘（飞凡耳 studio）",0.9],
[10.36,"混音：仓雁彬（Kcyb studio）",1.3],
[11.69,"mastering：Jstin L.（Tri studio）",1.0],
[12.68,"千山论坛音画版制作",4.3],
[16.97,"",5.6],
[22.56,"忘了",1.3],
[23.84,"谁先燃起战火",1.8],
[26.52,"那无端的折磨",2.0],
[29.41,"一切究竟为了什么",3.3],
[33.56,"难道",0.7],
[35.09,"像我这般爱你",1.8],
[37.83,"就该学会放弃",1.9],
[40.55,"让自己卑微到土里",3.5],
[44.03,"可是爱已成两刃的利剑",5.3],
[50.02,"了解彼此最能一挥就见血",4.0],
[54.03,"用尽伤人的话去说",3.1],
[60.04,"都没想能不能收得回啊",4.8],
[66.11,"出口之后却更失落",2.7],
[69.68,"也会更难过",2.0],
[72.97,"这又是何苦呢",3.3],
[76.98,"自问到底舍不舍得",2.7],
[83.14,"舍不舍得爱一瞬都成恨了",4.9],
[88.01,"眼泪究竟是为谁啊",3.3],
[92.06,"谁输谁赢啊",2.0],
[95,"谁又真的在乎呢",3.8],
[99.74,"反正都伤了",2.4],
[112.05,"难道",1.7],
[114,"像我这般爱你",2.0],
[116.08,"就该学会放弃",2.8],
[119.02,"让自己卑微到土里",4.2],
[124,"可是爱已成两刃的利剑",4.4],
[129.02,"了解彼此最能一挥就见血",4.1],
[133.09,"用尽伤人的话去说",3.1],
[138.86,"都没想能不能收得回啊",5.0],
[145.16,"出口之后却更失落",2.6],
[148.81,"也会更难过",1.8],
[151.66,"这又是何苦呢",3.7],
[156.16,"自问到底舍不舍得",2.5],
[162.16,"舍不舍得爱一瞬都成恨了",5.0],
[168.03,"眼泪究竟是为谁啊",2.4],
[171.08,"谁输谁赢啊",2.1],
[174.18,"谁又真的在乎呢",3.6],
[179.01,"反正都伤了",2.2],
[195.08,"用尽伤人的话去说",3.2],
[201.09,"都没想能不能收得回啊",4.9],
[207.02,"出口之后却更失落",2.9],
[211.15,"也会更难过",1.6],
[213.93,"这又是何苦呢",3.3],
[218,"自问到底舍不舍得",2.9],
[224.09,"舍不舍得爱一瞬都成恨了",5.0],
[229.08,"眼泪究竟是为谁啊",3.5],
[233.38,"谁输谁赢啊",1.9],
[236.3,"谁又真的在乎呢",3.7],
[241.13,"反正都伤了",2.1]
];
var mDatas = { pa: mama, btn: player, prog: prog, lrc: lrc, lrcAr: geci };
var audio = new Aud(mDatas);
audio.play();
</script>
|
