本帖最后由 花简静 于 2024-12-22 21:51 编辑
<style>
@import 'https://638183.freep.cn/638183/line_lrc.css';
#pa { margin: 130px 0 30px calc(50% - 931px); width: 1700px; height: 900px; background: url('https://642303.freep.cn/642303/tu/20241130cs02.webp') no-repeat center/cover;overflow: hidden; }
#mplayer { bottom: 38%;left: 58%; color: snow;filter: hue-rotate(60deg); opacity: .67;}
.mypic { position: absolute; width: 360px;left: calc(10% + 960px); mix-blend-mode:multiply;top: 360px; }
#lrc { bottom: 35%; left: 65%; transform: translateX(-50%);--bg: linear-gradient(darkgray, #e07f0a );opacity: .8; font: bold 1.3em cursive;color: silver;}
.vid {mix-blend-mode: screen; opacity: .67; }
#fsbtn { bottom: 15px;left:15px; }
</style>
<div id="pa" class="pa">
<audio src="https://music.163.com/song/media/outer/url?id=301136" autoplay loop></audio>
<video class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/22/12/12/16/23/16/video6396e4f4eab79.mp4" autoplay loop muted></video>
<div id="lrc" class="lrc" data-lrc="HCPlayer">HCPlayer</div>
<img id="mypic" class="mypic" src="https://pic.imgdb.cn/item/62479cbe27f86abb2adbb9bd.gif" alt="" />
<div id="fsbtn" class="fsbtn"></div>
</div>
<script type="module">
import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
import { hcplay } from 'https://638183.freep.cn/638183/web/mod/line_lrc.js';
var lrcAr = [
[0.43,"单曲：朝圣者的脚步",0.9],
[1.37,"歌手：乌兰托娅",1.4],
[2.72,"所属专辑：草原之月",1.0],
[3.75,"作词 : 刀郎",1.1],
[4.83,"作曲 : 刀郎",1.1],
[5.94,"学习黑师20241129《我要找到你》",5.0],
[10.94,"最新最音模板-细线型小播",5.0],
[16.10,"我的身体",10.2],
[21,"我的身体",2.2],
[23.81,"拥抱大地",1.2],
[25.95,"丈量着一望无际",2.7],
[31.16,"用我手臂",1.1],
[33.42,"掠过白云",1.2],
[35.52,"像清楚你的温暖手心",2.8],
[40.02,"我要回来",1.7],
[42.48,"回到你的身边",1.6],
[44.58,"就此日日夜夜对你思念",3.3],
[49.52,"我要回来",1.9],
[52.06,"不管路有多远",1.8],
[54.57,"我每一天都梦见",2.3],
[58.54,"你的脸",1.5],
[61.65,"",20.4],
[82.04,"我的身体",0.9],
[84.09,"拥抱大地",0.9],
[86.5,"丈量着一望无际",3.4],
[91.07,"用我手臂",1.2],
[93.49,"掠过白云",1.1],
[95.62,"像清楚你的温暖手心",2.7],
[100.09,"我要回来",1.7],
[103.06,"回到你的身边",1.2],
[104.73,"就此日日夜夜对你思念",3.1],
[109.55,"我要回来",1.8],
[112.18,"不管路有多远",1.5],
[114.64,"我每一天都梦见",2.2],
[121.15,"你的脸",1.4],
[124.22,"",16.8],
[141.06,"我要回来",1.6],
[143.33,"回到你的身边",1.6],
[145.68,"就此日日夜夜对你思念",3.0],
[150.26,"我要回来",1.9],
[152.87,"不管路有多远",1.7],
[155.36,"我每一天都梦见",2.2],
[160.07,"我要回来",1.7],
[162.53,"回到你的身边",1.6],
[164.58,"就此日日夜夜对你思念",3.4],
[169.49,"我要回来",1.9],
[172.07,"不管路有多远",1.7],
[174.61,"我每一天都梦见",2.1],
[181.03,"你的脸",1.6]
];
hcplay(pa, lrcAr);
fscreen.fs(pa, fsbtn);
</script>
|
