- UID
- 909
贵宾
- 主题
- 106
- 回帖
- 2268
- 精华
- 95
- 积分
- 4671
- 金币
- 7252 枚
- 鲜花
- 1399 朵
- 注册时间
- 2024-5-13
- 最后登录
- 2024-9-18
|
楼主 |
发表于 2024-5-31 08:27
|
显示全部楼层
2024年5月31日 星期五
<style>
#tiezi { margin: 30px 0 30px calc(50% - 730px); display: grid; place-items: center; width: 1280px; height: 720px; background: #333 url('https://638183.freep.cn/638183/t24/2/61.jpg') no-repeat center/cover; box-shadow: 3px 3px 6px gray; overflow: hidden; position: relative; }
#tiezi::before, #tiezi::after { position: absolute; content: ''; width: 100%; height: 100%; border: 10px inset cyan; box-sizing: border-box; transition: 2s; }
#tiezi::before { left: 0; top: 0; border-color: cyan transparent transparent cyan; }
#tiezi::after { right: 0; bottom: 0; border-color: transparent cyan cyan transparent; }
#tiezi:hover::before, #tiezi:hover::after { width: 0; height: 0; }
#tiezi:hover .vid { mix-blend-mode: multiply; }
#player { position: absolute; bottom: 10px; }
#lrc { position: absolute; top: 18px; }
.vid { position: absolute; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: overlay; pointer-events: none; }
</style>
<div id="tiezi">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=33223284" autoplay loop></audio>
<video class="vid" src="https://img.tukuppt.com/video_show/2418175/00/02/56/5b7b484a81b43.mp4" loop muted></video>
<canvas id="player" width="1000" 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: 'cyan', lrc1: 'white', lrc2: 'cyan'};
var lrcAr = [[2,"Various Artists - Forever Young", 6],[16.02,"Let dance in style",1.0],[17.06,"Let dance for a while",2.0],[19.06,"Heaven can wait",2.0],[21.02,"Were only watching the skies",2.0],[23.03,"Hoping for the best",1.1],[24.09,"But expecting the worst",1.9],[26.04,"Are you going to drop the bomb or not",2.5],[30.02,"Let us die young or let us live forever",3.1],[33.08,"We don't have the power",1.9],[35.01,"But we never say never",2.0],[37.03,"Sitting in a sandpit",1.0],[38.06,"Life is a short trip",2.9],[41.01,"The music for the sad men",1.5],[44.03,"Can you imagine when this race is won",3.0],[47.07,"Turn our golden faces into the sun",3.4],[51.02,"Praising our leaders",1.1],[52.09,"Were getting in tune",2.0],[54.06,"The music played by the madmen",3.4],[58.01,"Forever young I want to be forever young",4.9],[64.09,"Do you really want to live forever",3.4],[68.05,"Forever and ever",3.0],[71.1,"Forever young I want to be forever young",5.9],[79,"Do you really want to live forever",2.6],[84.01,"Forever young",2.7],[89.07,"Some are like water",2.0],[91.03,"Some are like the heat",2.0],[93.04,"Some are a melody and some are the beat",3.0],[96.09,"Sooner or later they all will be gone",3.9],[100.02,"Why dont they stay young",1.8],[103.08,"It so hard to get old without a cause",4.0],[107.05,"I dont want to perish like a fading horse",3.0],[110.09,"Youth like diamonds in the sun",3.3],[114.02,"And diamonds are forever",2.2],[117.08,"So many adventures couldn't happen today",3.4],[121.04,"So many songs we forgot to play",3.0],[124.09,"So many dreams swinging out of the blue",3.6],[128.04,"Well let them come true",3.0],[131.07,"Forever young I want to be forever young",5.6],[137.08,"Do you really want to live forever",5.0],[142.06,"Forever and ever",3.0],[145.06,"Forever young I want to be forever young",5.5],[151.1,"Do you really want to live forever",4.4],[156.07,"Forever and ever",2.8],[159.06,"Forever young I want to be forever young",6.7],[166.07,"Do you really want to live forever",5.8],[187.08,"Forever young I want to be forever young",5.9],[194.08,"Do you really want to live forever",3.3],[198.04,"Forever and ever",2.9],[201.07,"Forever young I want to be forever young",6.8],[208.1,"Do you really want to live forever",5.2],[215.09,"Forever young I want to be forever young",6.2],[222.08,"Do you really want to live forever",3.4],[226.09,"Forever young",3.1]];
</script>
|
评分
-
1
查看全部评分
-
|