|
<style>
#tiezi { margin: 130px 0 30px calc(50% - 881px); display: grid; place-items: center; width: 1600px; height: 900px; background: url('http://wj.fqingy.com/sc/69/img/2024/yi/y13.jpg') no-repeat center/cover; overflow: hidden; box-shadow: 3px 3px 6px gray; position: relative; }
#tiezi:hover .vid { opacity: .09; }
#player { position: absolute; bottom:55px; }
#lrc { position: absolute; bottom: 15px; opacity: .3;}
.vid { position: absolute; bottom: 0; width: 100%; height: calc(100% + 80px); object-fit: cover; transition: 5s; pointer-events: none; opacity: .7; }
</style>
<div id="tiezi">
<audio id="aud" src="http://music.163.com/song/media/outer/url?id=32337030.mp3" autoplay loop></audio>
<video class="vid" src="https://img.tukuppt.com/video_show/14038878/00/11/52/5d9853854d7ff.mp4" loop muted></video>
<canvas id="player" width="300" height="80"></canvas>
<canvas id="lrc" width="800" height="50"></canvas>
</div>
<script>
var sF = document.createElement('script');
sF.charset = 'utf-8';
sF.src = 'https://638183.freep.cn/638183/web/js2024/canv_lineprog_518.js';
document.body.appendChild(sF);
var colors = {track: 'snow', prog: ' Salmon', lrc1: 'white', lrc2: ' Salmon'};
let lrcAr = [
[2,"泽典 - 宿命",9.5],[20,"作词 : 晗熙 作曲 : 鑫瀚",5.6],[34.05,"他 沉寂着还在丈量",3.5],[38,"他 衙门上对簿公堂",3.1],[41.08,"他 判了个徒受冤枉",4.0],[45.06,"他笑得猖狂 不顾堂下绝望",4.0],[49.05,"她 随孩童轻声哼唱",4.0],[53.02,"她 变成个疯癫婆娘",3.1],[56.09,"她 穿着那大红嫁妆",4.0],[60.09,"夜半哭声响亮",4.0],[64.07,"火光里拜堂 官人去了何方",3.9],[68.05,"爱与恨难忘 她站在最中央",3.0],[71.09,"说这一路悲怆 一曲绝唱",4.8],[76,"莫笑人荒唐",3.1],[79.08,"是情 是命",2.0],[81.06,"是难解疏狂",2.0],[83.01,"谁逃的出虚妄",2.0],[85,"谁三更又思量",1.1],[86.09,"她说是错但无妨",2.0],[88.08,"就去彼岸等一场",2.0],[90.06,"世人不经怎能欣赏",4.0],[94.09,"是情 是命",2.0],[96.07,"是人间仓惶",2.0],[98.04,"谁步伐如踉跄",2.0],[100.02,"谁把心事埋藏",2.0],[102.01,"究竟是谁在慌张",1.1],[103.09,"她卸下那层伪装",2.0],[105.09,"这场落幕谁还在问",3.0],[108.08,"官人",1.0],[109.07,"你在哪",3.0],[133.02,"她 随孩童轻声哼唱",3.1],[136.09,"她 变成个疯癫婆娘",4.0],[140.07,"她 穿着那大红嫁妆",4.0],[144.05,"夜半哭声响亮",4.0],[148.05,"火光里拜堂 官人去了何方",3.5],[152.03,"爱与恨难忘 她站在最中央",3.0],[155.07,"说这一路悲怆 一曲绝唱",4.0],[159.08,"莫笑人荒唐",4.0],[163.06,"是情 是命",2.0],[165.04,"是难解疏狂",1.1],[166.1,"谁逃的出虚妄",2.0],[168.08,"谁三更又思量",2.0],[170.07,"她说是错但无妨",2.0],[172.06,"就去彼岸等一场",2.0],[174.05,"世人不经怎能欣赏",4.0],[178.08,"是情 是命",2.0],[180.06,"是人间仓惶",1.9],[182.01,"谁步伐如踉跄",2.0],[184.01,"谁把心事埋藏",1.1],[185.09,"究竟是谁在慌张",2.0],[187.09,"她卸下那层伪装",2.0],[189.07,"这场落幕谁还在问",3.0],[192.07,"官人",1.0],[193.09,"你在哪",2.3],[197.1,"是情 是命",2.0],[199.07,"是难解疏狂",2.0],[201.02,"谁逃的出虚妄",2.0],[203.01,"谁三更又思量",1.1],[204.09,"她说是错但无妨",2.0],[206.09,"就去彼岸等一场",2.0],[208.08,"世人不经怎能欣赏",4.4],[213.01,"是情 是命",1.1],[214.09,"是人间仓惶",2.0],[216.05,"谁步伐如踉跄",2.0],[218.04,"谁把心事埋藏",2.0],[220.03,"究竟是谁在慌张",2.0],[222.02,"她卸下那层伪装",2.0],[224,"这场落幕谁还在问",2.9],[227,"官人",1.0],[228,"你在哪",1.8]];
</script>
|
发表于 2024-6-5 21:46
