花简静贴子代码及说明汇总（翻页有新贴）

花简静 · 发表于 2024-11-25 21:30

HCPlayer

花简静 · 发表于 2024-11-25 21:30

本帖最后由花简静于 2024-12-22 21:52 编辑

<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/20241124yqfl07.webp') no-repeat center/ cover; }

#player { width: 60px; height: 60px; bottom: 20%;right:19%; animation: flash 4s linear infinite var(--state), rot 8s linear infinite var(--state); }

#player:hover { filter: hue-rotate(180deg); transition: .7s; }

#prog { bottom: 14%; right:10%;width: 380px;--bg2: Gold; --color: Gold; height: 0px; border-top: 3px dotted ForestGreen; opacity: .57;}

#prog::before { width: 100%; height: 5px; left: 0; top: 8px; }

#lrc { bottom: 7%; left: 78%; transform: translateX(-50%);--bg: linear-gradient(Green, darkgray);opacity: .8; font: bold 1.6em cursive;color: silver;}

#vid { position: absolute; width: 100%; height: 100%; object-fit: cover;mix-blend-mode: screen; opacity: .27; -webkit-mask: radial-gradient(transparent 20%, red); pointer-events: none;transform: rotateY(180deg); }

#fsbtn { position: absolute; bottom: 5%;left:5%; color: lightgreen; padding: 2px 6px; border: 2px solid lightgreen; border-radius: 8px; user-select: none; cursor: pointer; transition: .5s; }

@keyframes flash { to { filter: hue-rotate(360deg); } }

</style>

<div id="lrc" class="lrc" data-lrc="HCPlayer">HCPlayer</div>

</div>

import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';

import { Aud } from 'https://638183.freep.cn/638183/web/mod/audlrc.js';

var lrcAr = [

[-0.07,"单曲：又起风了",0.7],

[0.62,"歌手：Toppop",0.8],

[1.4,"所属专辑：奈何思念无声",0.7],

[2.1,"作词 : Toppop",0.6],

[2.68,"作曲 : Toppop",0.4],

[3.09,"编曲 : Toppop",0.6],

[3.71,"学习黑师20241122《青山如昨》最新完整音画效果",5.2],

[10.02,"幽暗的街角，灯光微弱闪烁，",4.1],

[15.15,"你的影子，在我脑海里漂泊。",3.7],

[20,"回忆中的笑，像是甜蜜的毒药，",3.9],

[24.88,"让我在每个寂寞的时刻都难以逃脱。",5.3],

[31.06,"时间它轻轻走过，带不走那份执着，",8.2],

[41.4,"我在这里守候，等一个不确定的结果。",6.4],

[48.24,"你给的温柔，现在变得如此遥远，",3.3],

[51.85,"就像天边的云朵，触不到也看不全。",4.7],

[57.13,"那天我听人说，思念像风能飘远，",4.2],

[61.8,"吹过山川海洋，直到世界的边缘。",4.8],

[67.37,"我期待着风起，带来一丝丝的暖，",4.4],

[72.56,"而你好像更希望，风停在这瞬间。",4.4],

[77.72,"奈何思念无声，悄悄地掠过耳边，",4.5],

[82.89,"幸好思念无声，你看又起风了...",4.2],

[87.09,"",7.2],

[95.07,"城市的灯火，照亮不了心底的暗，",4.6],

[101,"每一步脚印，都是我对你的念。",4.1],

[106.16,"也许有一天，你会听见我的呼唤，",3.8],

[110.88,"穿过这寂静夜空，让爱不再孤单。",4.1],

[117.44,"时间它轻轻走过，带不走那份执着，",8.9],

[127.48,"我在这里守候，等一个不确定的结果。",6.4],

[134.28,"你给的温柔，现在变得如此遥远，",3.2],

[138.17,"就像天边的云朵，触不到也看不全。",4.4],

[142.81,"那天我听人说，思念像风能飘远，",4.6],

[147.89,"吹过山川海洋，直到世界的边缘。",4.8],

[153.47,"我期待着风起，带来一丝丝的暖，",4.4],

[158.68,"而你好像更希望，风停在这瞬间。",4.5],

[163.92,"奈何思念无声，悄悄地掠过耳边，",4.4],

[168.97,"幸好思念无声，你看又起风了...",4.3],

[176.06,"就算世界静默无言，我的心声也不会改变，",5.6],

[181.86,"这份感情深藏心间，只愿你能听见。",4.5],

[187.02,"当风吹过带走一切，唯独留下这份眷恋，",5.0],

[192.03,"就让这思念随风转，穿越时空与你相见。",4.8],

[198.04,"那天我听人说，思念像风能飘远，",4.2],

[202.83,"吹过山川海洋，直到世界的边缘。",4.7],

[207.99,"我期待着风起，带来一丝丝的暖，",4.6],

[213.64,"而你好像更希望，风停在这瞬间。",4.4],

[218.09,"奈何思念无声，悄悄地掠过耳边，",5.0],

[223.77,"幸好思念无声，你看又起风了...",4.4]

];

var mDatas = { pa: mama, btn: player, prog: prog, lrc: lrc, lrcAr: lrcAr };

var audio = new Aud(mDatas);

audio.play();

fscreen.fs('mama', 'fsbtn');

</script>

花简静 · 发表于 2024-11-25 21:30

花简静 · 发表于 2024-11-25 21:30

花简静 · 发表于 2024-11-25 21:30

花简静 · 发表于 2024-11-25 21:30

花简静 · 发表于 2024-11-25 21:30

花简静 · 发表于 2024-11-27 22:48

花简静 · 发表于 2024-11-27 22:48

花简静 · 发表于 2024-11-27 22:48

花简静贴子代码及说明汇总（翻页有新贴）

版主勋章

山高为峰

山外有山

巳巳如意

两周年庆

守望千山

少年歌行

一叶知秋

樱果相依