无名策

马黑黑

LRC

马黑黑

帖子代码由 音画帖快手 - 马黑黑教程专版 - 花潮论坛 - Powered by Discuz! 生成后略作修改：

1. <style>
   
2.   @import 'https://638183.freep.cn/638183/tzmaker/tz2026.css';
   
3.   .pa { --bg: url('https://638183.freep.cn/638183/t24/w8/wmc1.webp') no-repeat center/cover; }
   
4.   .player { --opacity: .75; top: 25%; width: 120px; height: 120px; border-radius: 50%; }
   
5.   .bgprog { bottom: 20px; }
   
6.   .btnFs { left: 30px; top: 30px; color: lightblue; }
   
7.   .lrc { top: 30px; text-shadow: -2px -1px 2px silver; }
   
8. </style>
   
9. 
   
10. <div class="pa">
    
11.   <audio src="https://music.163.com/song/media/outer/url?id=3348083045" autoplay loop></audio>
    
12.   <video class="pd-vid" src="https://img.tukuppt.com/video_show/2422006/00/02/16/5b518c4f9d785.mp4" autoplay loop muted></video>
    
13.   <div class="lrc">LRC</div>
    
14.   <img src="https://638183.freep.cn/638183/small/2026/wmc.webp" class="player rotate" title="Alt+X" alt="">
    
15.   <div class="bgprog"></div>
    
16.   <div class="btnFs" title="F11"></div>
    
17. </div>
    
18. 
    
19. <script>
    
20.   var gc = `[00:03.214]无名策\n[00:15.361]主唱 : 拾贰12\n[00:26.792]走着走着 略过规则\n[00:33.147]（方圆自成 墨染天地之格）\n[00:38.823]走着走着 只用双瞳的眼色\n[00:45.911]看山河 的颜色\n[00:51.811]一壶酒水 难买一家圆\n[00:57.244]大义时有残缺 不比一轮明月\n[01:03.561]生死一念 一曲颂江雪\n[01:09.490]对弈的是慈悲\n[01:14.757]雪落声 将点点落向无名策\n[01:20.123]烛火微微摇晃 就算尽沧桑\n[01:26.690]如 雪落声 将点点落向无名策\n[01:32.572]城墙冷冷反光 残局揭果 全部都成望\n\n[02:05.189]算计不问对与错 茶汤成色还不错\n[02:11.239]不望谁人能懂 箭在弦 命在悬\n[02:17.156]算计不问对与错 茶汤成色还不错\n[02:23.439]不望谁人能懂 箭在弦 命在悬\n[02:28.689]若牺牲 能不计代价换乾坤\n[02:33.854]冷眼看穿秋霜 看不尽沧桑\n[02:40.106]倘若牺牲 能不计代价换乾坤\n[02:46.303]雪花片片落下 无声入土 无名又怎样\n[02:55.090]将点点落向无名策\n[02:58.590]烛火微微摇晃 何时回头『望』\n[03:05.389]如 雪落声 将点点落向无名策\n[03:10.906]城墙冷冷反光 残局揭果 必须得成望\n\n[03:19.106]走着走着 略过规则\n[03:25.057]方圆自成 墨染天地之格\n[03:31.057]走着走着 只用双瞳的眼色\n[03:38.256]看山河的颜色`;
    
21. 
    
22.   loadJs('https://638183.freep.cn/638183/tzmaker/tz2026.min.js');
    
23. 
    
24.   function loadJs(url) {
    
25.     const script = document.createElement('script');
    
26.     script.charset = 'utf-8';
    
27.     script.src = url;
    
28.     script.defer = true;
    
29.     script.onload = () => {
    
30.       var tz = TZ('pa');
    
31.       tz.start(gc);
    
32.     };
    
33.     document.head.appendChild(script);
    
34.   }
    
35. </script>

复制代码

小技巧：想让小播不自动隐藏，给它加上 opacity 属性，值 大于0小于等于1 即可，或像本帖一样，给它用到的CSS变量 --opacity 赋值（一样的大于0小于等于1）。

马黑黑

如果想让歌词的渲染不受到视频过多的影响，可以尝试给 .lrc 选择器加上合适的 z-index 值，例如：

.lrc { /* 其它代码*/ z-index: 16; }

梦江南

黑黑老师下午嚎！这帖图片中是一个长条腿的女生吗？画面中有一轮是地球慢慢升起来了，好棒！

红影

这些做帖小技巧学习一下真好。
这背景图有意思，二次元啊，黑黑真时髦。
视频也有趣，升起的月亮最后真好走到小播的位置呢

红影

这歌词很奇妙，去搜了一下，是讲述千年围棋史的歌曲：
《无名策》的歌词深度契合角色“望”的剧情背景，被广泛视为其内心独白与精神写照。“一部围棋史，一场千年劫”的叙事格局，使歌曲超越普通角色，成为音乐、剧情与视觉艺术深度融合的叙事作品。

马黑黑

红影 发表于 2026-4-15 17:24
这歌词很奇妙，去搜了一下，是讲述千年围棋史的歌曲：
《无名策》的歌词深度契合角色“望”的剧情背景，被 ...

喜欢这样有故事的歌曲吧？

马黑黑

红影 发表于 2026-4-15 17:17
这些做帖小技巧学习一下真好。
这背景图有意思，二次元啊，黑黑真时髦。
视频也有趣，升起的月亮最后真好 ...

哈哈，这样的小细节也注意到了。

马黑黑

梦江南 发表于 2026-4-15 14:31
黑黑老师下午嚎！这帖图片中是一个长条腿的女生吗？画面中有一轮是地球慢慢升起来了，好棒！

月亮和闪动的星星都是视频效果