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

花简静

花简静

1. <style>
   
2.         @import 'https://638183.freep.cn/638183/web/tz/tz.v3.css';
   
3.         .pa { --offsetX: 0px;margin:150px 0; left: calc(50% - 101px);width: clamp(600px, 90vw, 1800px); height: auto; aspect-ratio: 18/9.6; --bg: url('https://cccimg.com/view.php/5093766cf4cc657fe1535af04f85d604.jpg') no-repeat center/cover; }
   
4.         .vid { width: 35%; height: auto;  border-radius: 50%; left:23%;bottom:-1%;0%cursor: pointer;
   
5.           -webkit-mask: radial-gradient(circle,   cyan, cyan,rgba(0,0,0,.35),transparent, transparent, transparent, transparent);}
   
6. </style>
   
7. 
   
8. <div id="pa" class="pa"></div>
   
9. 
   
10. <script type="module">
    
11.     import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v3.js';
    
12.     import lrc2HC from 'https://638183.freep.cn/638183/web/tz/lrc2hc.js';
    
13.     const tz = TZ.TZ('pa');
    
14.     const gc = lrc2HC(`
    
15.         [00:00.689]单曲：愿人间一两风
    
16.         [00:01.993]歌手：王宇宙Leto
    
17.         [00:03.293]所属专辑：愿人间一两风
    
18.         [00:04.113]作词 : 郑浩
    
19.         [00:05.121]作曲 : 郑浩
    
20.         [00:05.941]编曲 : 乔浚丞/韩冰
    
21.         [00:06.506]制作人 : 贺贺
    
22.         [00:07.265]
    
23.         [00:13.853]门前月光 照湘江水哟
    
24.         [00:20.461]若相遇 愿一切如愿哟
    
25.         [00:26.661]我呀我
    
26.         [00:28.193]峰回路转 红尘中
    
27.         [00:33.349]湘江水 倒映你的笑容
    
28.         [00:40.229]愿人间一两风 填我十万八千梦
    
29.         [00:46.937]唱明月如歌 翩若惊鸿
    
30.         [00:53.953]愿人间一两风 偏偏梦醒一场空
    
31.         [01:01.229]愿你从容 从此有人懂
    
32.         [01:22.278]雨后山濛 疏影婆娑哟
    
33.         [01:29.453]满壶泪 我愿你如愿哟
    
34.         [01:35.81]你呀你
    
35.         [01:36.797]已步入 人生途中
    
36.         [01:42.381]愿从今往后 有笑容
    
37.         [01:48.765]愿人间一两风 填我十万八千梦
    
38.         [01:55.621]唱悲欢如歌 翩若惊鸿
    
39.         [02:02.533]愿人间一两风 偏偏梦醒一场空
    
40.         [02:09.996]愿你从容 从此有人懂
    
41.         [02:16.245]吉他 : 乔浚丞
    
42.         [02:17.501]和声 : 小艺术
    
43.         [02:18.818]录音师 : x_Insky
    
44.         [02:20.201]混音师 : 刘彦宏
    
45.         [02:21.493]音乐监制 : 潘则霖
    
46.         [02:22.445]发行人 : 潘昊铖
    
47.         [02:23.421]艺人统筹 : 程忱
    
48.         [02:24.229]企划推广 : 贺贺
    
49. `);
    
50.     tz.add('audio', '', '', { src: 'https://music.163.com/song/media/outer/url?id=2090351490' });
    
51.     tz.add('video', '', 'vid', {
    
52.         src: 'https://cccimg.com/view.php/f977a4dd1b5bec30d3b4627ff59aa2f7.mp4',
    
53.         DisablePictureInPicture: 'true'
    
54.     }).playmp3();
    
55.     tz.add('video', '', 'pd-vid', {
    
56.                 src: 'https://bpic.588ku.com/video_listen/588ku_preview/20/08/13/14/47/38/video5f34e20a321c4.mp4',
    
57.                 style: 'mix-blend-mode:overlay;opacity: .69; -webkit-mask: linear-gradient(to bottom,transparent,red);bottom:-20%;'
    
58.         });
    
59.     tz.lrc(gc).style('bottom: 60px').style('--border: 0');
    
60.     tz.bgprog().style('bottom: 20px');
    
61.     tz.fs().style('right: 20px; top: 20px');
    
62. </script>

复制代码

花简静

花简静

花简静

花简静

花简静

花简静

花简静

花简静