|
<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('http://qslt.net/data/attachment/forum/202501/02/%E4%BC%A0%E5%9B%BE%E8%AF%95%E5%B8%96/225817jn41y99p496e1cd9.jpg') no-repeat center/ cover; overflow: hidden;}
#player { width: 60px;height: 60px;left: calc(25% - 308px); top: calc(80% - 30px); filter: hue-rotate(60deg); }
#player:hover { filter: hue-rotate(30deg); transition: .7s; }
#prog { bottom: 20px; width: 220px; --bg1: #ffffffaa; --bg2: CadetBlue; --color: snow;opacity: .56; }
#lrc {left: 50%;transform: translateX(-50%);bottom: 30px; --bg: linear-gradient(#ffffffaa, CadetBlue); color: CadetBlue;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: radial-gradient(transparent 20%, red);-webkit-mask: radial-gradient(transparent 20%, red); pointer-events: none; opacity: .39;}
</style>
<div id="mama" class="pa">
<audio id="aud" src="http://music.163.com/song/media/outer/url?id=2043179016.mp3 "></audio>
<video id="vid" src="https://bpic.588ku.com/video_listen/588ku_video/22/11/03/12/50/07/video6363487f0c759.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 = [
[1.29,"单曲：无氧之地",1.1],
[2.39,"歌手：张德伊玲",1.0],
[3.42,"所属专辑：无氧之地",1.0],
[4.38,"作词 : 未子夫",0.7],
[5.11,"作曲 : 罗旭阳",0.8],
[5.94,"编曲 : LilXi",0.6],
[6.56,"制作人 : 小蓝背心",1.2],
[7.75,"",1.9],
[9.64,"千山论坛h ttp://qslt.net",4.5],
[14.19,"2025元月音画版同图活动制作",2.8],
[17.06,"像失水 的鲸鱼",1.9],
[19.35,"看岸边 流沙粒",1.6],
[21.08,"吞没我 的躯体",1.8],
[25.11,"你的爱 已停息",1.7],
[27,"孤独感 在游弋",1.8],
[29.08,"轻划过 我背脊",1.9],
[33.1,"像飓风 般突袭",1.8],
[35.01,"那盛大 的孤寂",1.7],
[37.17,"从眼前 吹向深海底",2.6],
[41.04,"不怪你 等不及",1.8],
[43,"只怪我 爱不起",1.9],
[45.04,"和你背道而去",3.1],
[49.3,"有些 罪名 不需要证据",5.1],
[55.96,"（也无从说起）",1.4],
[57.4,"一旦 怀疑",2.6],
[60.03,"一切就合理",2.4],
[64.08,"怪我把你呼吸",1.8],
[66,"当作是我氧气",1.8],
[68.09,"才如此过分执迷 贪得无厌地索取",3.8],
[72.15,"月亮牵引潮汐",1.6],
[74.05,"你卷走了回忆",1.7],
[75.99,"转身又把我遗弃 在无氧之地",4.0],
[79.96,"怪我把你呼吸",1.8],
[82.06,"当作是我氧气",1.9],
[84.03,"才一次次被你 引入两难境地",3.9],
[88.02,"我被迫沉溺",1.8],
[90.03,"遗忘若是门造诣 谁又能比得上你",3.8],
[94.64,"千山论坛h ttp://qslt.net",5.5],
[101.99,"2025元月音画版同图活动制作",5.8],
[112.18,"有些 罪名 不需要证据",6.2],
[120.37,"（也无从说起）",0.7],
[121.04,"一旦 怀疑",3.0],
[124.06,"一切就合理",2.4],
[128.12,"怪我把你呼吸",1.6],
[130.01,"当作是我氧气",1.8],
[132,"才如此过分执迷 贪得无厌地索取",3.8],
[136.14,"月亮牵引潮汐",1.7],
[138.02,"你卷走了回忆",1.8],
[140.01,"转身又把我遗弃 在无氧之地",3.8],
[143.97,"怪我把你呼吸",1.8],
[146.03,"当作是我氧气",1.9],
[148,"才一次次被你 引入两难境地",3.9],
[152.01,"我被迫沉溺",1.8],
[154.02,"遗忘若是门造诣 谁又能比得上你",3.8],
[160.16,"怪我把你呼吸",1.6],
[162.04,"当作是我氧气",1.7],
[164.01,"才如此过分执迷 贪得无厌地索取",3.8],
[168.09,"月亮牵引潮汐",1.7],
[169.99,"你卷走了回忆",1.7],
[172,"转身又把我遗弃 在无氧之地",3.9],
[175.97,"怪我把你呼吸",1.9],
[178.03,"当作是我氧气",1.9],
[179.97,"才一次次被你 引入两难境地",3.8],
[184.06,"我被迫沉溺",1.7],
[186.03,"遗忘若是门造诣 谁又能比得上你",3.8],
[192.25,"混音/母带 : 李欣懋（Wuli包子）",1.2],
[193.41,"混音助理 : 刘明",1.6],
[195.05,"和声 : 小雪人",1.3],
[196.32,"统筹 : 小蓝背心",1.7],
[198.05,"监制 : 何湲",1.6],
[199.62,"出品 : 飞行工作室",1.4],
[200.98,"词曲提供 : 词曲家",1.2],
[202.14,"发行 : 讯飞音乐",1.0],
[203.13,"未经著作权人书面许可，不得以任何方式（包括翻唱、翻录等）使用",6]
];
var mDatas = { pa: mama, btn: player, prog: prog, lrc: lrc, lrcAr: geci };
var audio = new Aud(mDatas);
audio.play();
</script>
|
