本帖最后由 花简静 于 2025-2-5 19:02 编辑
<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/20250120fsrs.webp') no-repeat center/ cover; overflow: hidden;}
#player { width: 40px;height: 40px;left: calc(40% - 308px); top: calc(40% - 70px); filter: hue-rotate(170deg); opacity: .66; }
#player:hover { filter: hue-rotate(30deg); transition: .7s; }
#prog { bottom: 20px; width: 220px; --bg1: #ffffffaa; --bg2: DimGray; --color: snow;opacity: .56; }
#lrc {left: 50%;transform: translateX(-50%);bottom: 30px; --bg: linear-gradient(#ffffffaa, #5b6167); color: DimGray;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="https://music.163.com/song/media/outer/url?id=1900190434.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.44,"单曲：夜是克莱因蓝的忧伤",1.2],
[2.67,"歌手：蓝心羽",1.4],
[4.03,"所属专辑：夜是克莱因蓝的忧伤",1.1],
[5.16,"作词 : 王健美",1.2],
[6.36,"作曲 : 沐毅",1.2],
[7.55,"作词：王健美",1.3],
[8.83,"作曲：沐毅",1.0],
[9.86,"编曲：骆亚新、于山川",1.3],
[11.18,"千山论坛h ttp://qslt.net",1.1],
[12.29,"2025元月音画版同图活动制作",1.8],
[14.07,"",6.0],
[20.07,"黄昏落入深渊",2.3],
[22.37,"向无人处开",1.7],
[24.26,"在夜里听海",1.8],
[27.07,"该是随风旋转",2.9],
[30.25,"手臂轻张开",4.2],
[36.02,"克莱因蓝的伤",1.6],
[38.07,"借救赎惩处",1.4],
[40.25,"好似无恙",1.4],
[42.06,"没人说他来过",2.4],
[45.17,"彼此默契的离开",3.2],
[51.4,"摇晃记忆陪着孤独 舞",2.2],
[54.08,"别烙印 别拆穿 别求助",3.2],
[58.89,"某种寂静拉伸想念 捕",2.4],
[62.3,"若是雾 怎么眼有露",2.9],
[66.34,"",3.7],
[70.04,"或许应该配文释义某人",2.6],
[72.66,"有多笃定向你奔赴",2.5],
[75.18,"是她的光 她的梦 她的路",3.9],
[79.04,"是她掏出仅有的温度",3.2],
[82.23,"去温暖的幸福",2.5],
[86.03,"后来她再没提故事人物",2.8],
[89,"只是一人摆渡",1.5],
[90.94,"当她领悟 当她笑 当她哭",3.1],
[94.35,"当她借着夜幕",2.2],
[97.06,"陪海孤独跳舞",2.7],
[100.21,"想念太顽固",2.7],
[102.92,"",13.0],
[115.89,"摇晃记忆陪着孤独 舞",2.4],
[119.45,"别烙印 别拆穿 别求助",2.7],
[123.83,"某种寂静拉伸想念 捕",2.3],
[127.23,"若是雾 怎么眼有露",2.6],
[133.09,"或许应该配文释义某人",1.9],
[135.03,"有多笃定向你奔赴",2.5],
[138.09,"是她的光 她的梦 她的路",3.4],
[141.62,"是她掏出仅有的温度",3.3],
[145.18,"去温暖的幸福",2.3],
[149.07,"后来她再没提故事人物",2.0],
[151.05,"只是一人摆渡",2.0],
[153.01,"当她领悟 当她笑 当她哭",4.2],
[157.25,"当她借着夜幕",2.3],
[160.66,"陪海孤独跳舞",2.0],
[163.08,"想念太顽固",2.3],
[168.09,"或许应该配文释义某人",2.9],
[171.03,"有多笃定向你奔赴",2.1],
[173.09,"是她的光 她的梦 她的路",4.0],
[177.06,"是她掏出仅有的温度",3.3],
[180.59,"去温暖的幸福",2.3],
[184,"后来她再没提故事人物",3.0],
[187.02,"只是一人摆渡",2.1],
[189.13,"当她领悟 当她笑 当她哭",3.3],
[192.66,"当她借着夜幕",2.3],
[196.15,"陪海孤独跳舞",1.9],
[198.01,"想念太顽固",3.1],
[202.87,"制作人：于山川",1.4],
[204.23,"吉他/贝斯：徐楠",2.0],
[206.25,"弦乐：国际首席爱乐乐团",1.7],
[207.98,"和声：蓝心羽",1.3],
[209.29,"混音：王巍_MOKA、赵卓鹏",1.4],
[210.69,"商务统筹：文氓苏、寂瞳",1.7],
[212.41,"监制：承泽训",1.4],
[213.77,"OP：JBS Music",1.2],
[214.93,"本歌曲来自〖网易飓风计划〗×〖网易青云LAB〗",6]
];
var mDatas = { pa: mama, btn: player, prog: prog, lrc: lrc, lrcAr: geci };
var audio = new Aud(mDatas);
audio.play();
</script>
|
