无名策
<style>@import 'https://638183.freep.cn/638183/tzmaker/tz2026.css';
.pa { --bg: url('https://638183.freep.cn/638183/t24/w8/wmc1.webp') no-repeat center/cover; z-index: 666; }
.player { --opacity: .75; top: 25%; width: 120px; height: 120px; border-radius: 50%; }
.bgprog { bottom: 20px; }
.btnFs { left: 30px; top: 30px; color: lightblue; }
.lrc { top: 30px; text-shadow: -2px -1px 2px silver; }
</style>
<div class="pa">
<audio src="https://music.163.com/song/media/outer/url?id=3348083045" autoplay loop></audio>
<video class="pd-vid" src="https://img.tukuppt.com/video_show/2422006/00/02/16/5b518c4f9d785.mp4" autoplay loop muted></video>
<div class="lrc">LRC</div>
<img src="https://638183.freep.cn/638183/small/2026/wmc.webp" class="player rotate" title="Alt+X" alt="">
<div class="bgprog"></div>
<div class="btnFs" title="F11"></div>
</div>
<script>
var gc = `无名策\n主唱 : 拾贰12\n走着走着 略过规则\n（方圆自成 墨染天地之格）\n走着走着 只用双瞳的眼色\n看山河 的颜色\n一壶酒水 难买一家圆\n大义时有残缺 不比一轮明月\n生死一念 一曲颂江雪\n对弈的是慈悲\n雪落声 将点点落向无名策\n烛火微微摇晃 就算尽沧桑\n如 雪落声 将点点落向无名策\n城墙冷冷反光 残局揭果 全部都成望\n\n算计不问对与错 茶汤成色还不错\n不望谁人能懂 箭在弦 命在悬\n算计不问对与错 茶汤成色还不错\n不望谁人能懂 箭在弦 命在悬\n若牺牲 能不计代价换乾坤\n冷眼看穿秋霜 看不尽沧桑\n倘若牺牲 能不计代价换乾坤\n雪花片片落下 无声入土 无名又怎样\n将点点落向无名策\n烛火微微摇晃 何时回头『望』\n如 雪落声 将点点落向无名策\n城墙冷冷反光 残局揭果 必须得成望\n\n走着走着 略过规则\n方圆自成 墨染天地之格\n走着走着 只用双瞳的眼色\n看山河的颜色`;
loadJs('https://638183.freep.cn/638183/tzmaker/tz2026.min.js');
function loadJs(url) {
const script = document.createElement('script');
script.charset = 'utf-8';
script.src = url;
script.defer = true;
script.onload = () => {
var tz = TZ('pa');
tz.start(gc);
};
document.head.appendChild(script);
}
</script> 帖子代码由 音画帖快手 - 马黑黑教程专版 - 花潮论坛 - Powered by Discuz! 生成后略作修改：
<style>
@import 'https://638183.freep.cn/638183/tzmaker/tz2026.css';
.pa { --bg: url('https://638183.freep.cn/638183/t24/w8/wmc1.webp') no-repeat center/cover; }
.player { --opacity: .75; top: 25%; width: 120px; height: 120px; border-radius: 50%; }
.bgprog { bottom: 20px; }
.btnFs { left: 30px; top: 30px; color: lightblue; }
.lrc { top: 30px; text-shadow: -2px -1px 2px silver; }
</style>
<div class="pa">
<audio src="https://music.163.com/song/media/outer/url?id=3348083045" autoplay loop></audio>
<video class="pd-vid" src="https://img.tukuppt.com/video_show/2422006/00/02/16/5b518c4f9d785.mp4" autoplay loop muted></video>
<div class="lrc">LRC</div>
<img src="https://638183.freep.cn/638183/small/2026/wmc.webp" class="player rotate" title="Alt+X" alt="">
<div class="bgprog"></div>
<div class="btnFs" title="F11"></div>
</div>
<script>
var gc = `无名策\n主唱 : 拾贰12\n走着走着 略过规则\n（方圆自成 墨染天地之格）\n走着走着 只用双瞳的眼色\n看山河 的颜色\n一壶酒水 难买一家圆\n大义时有残缺 不比一轮明月\n生死一念 一曲颂江雪\n对弈的是慈悲\n雪落声 将点点落向无名策\n烛火微微摇晃 就算尽沧桑\n如 雪落声 将点点落向无名策\n城墙冷冷反光 残局揭果 全部都成望\n\n算计不问对与错 茶汤成色还不错\n不望谁人能懂 箭在弦 命在悬\n算计不问对与错 茶汤成色还不错\n不望谁人能懂 箭在弦 命在悬\n若牺牲 能不计代价换乾坤\n冷眼看穿秋霜 看不尽沧桑\n倘若牺牲 能不计代价换乾坤\n雪花片片落下 无声入土 无名又怎样\n将点点落向无名策\n烛火微微摇晃 何时回头『望』\n如 雪落声 将点点落向无名策\n城墙冷冷反光 残局揭果 必须得成望\n\n走着走着 略过规则\n方圆自成 墨染天地之格\n走着走着 只用双瞳的眼色\n看山河的颜色`;
loadJs('https://638183.freep.cn/638183/tzmaker/tz2026.min.js');
function loadJs(url) {
const script = document.createElement('script');
script.charset = 'utf-8';
script.src = url;
script.defer = true;
script.onload = () => {
var tz = TZ('pa');
tz.start(gc);
};
document.head.appendChild(script);
}
</script>小技巧：想让小播不自动隐藏，给它加上 opacity 属性，值 大于0小于等于1 即可，或像本帖一样，给它用到的CSS变量 --opacity 赋值（一样的大于0小于等于1）。
如果想让歌词的渲染不受到视频过多的影响，可以尝试给 .lrc 选择器加上合适的 z-index 值，例如：
.lrc { /* 其它代码*/ z-index: 16; } 黑黑老师下午嚎！这帖图片中是一个长条腿的女生吗？画面中有一轮是地球慢慢升起来了，好棒！{:4_187:} 这些做帖小技巧学习一下真好。
这背景图有意思，二次元啊，黑黑真时髦。
视频也有趣，升起的月亮最后真好走到小播的位置呢{:4_187:} 这歌词很奇妙，去搜了一下，是讲述千年围棋史的歌曲：
《无名策》的歌词深度契合角色“望”的剧情背景，被广泛视为其内心独白与精神写照。“一部围棋史，一场千年劫”的叙事格局，使歌曲超越普通角色，成为音乐、剧情与视觉艺术深度融合的叙事作品。 红影 发表于 2026-4-15 17:24
这歌词很奇妙，去搜了一下，是讲述千年围棋史的歌曲：
《无名策》的歌词深度契合角色“望”的剧情背景，被 ...
喜欢这样有故事的歌曲吧？ 红影 发表于 2026-4-15 17:17
这些做帖小技巧学习一下真好。
这背景图有意思，二次元啊，黑黑真时髦。
视频也有趣，升起的月亮最后真好 ...
哈哈，这样的小细节也注意到了。{:4_190:} 梦江南 发表于 2026-4-15 14:31
黑黑老师下午嚎！这帖图片中是一个长条腿的女生吗？画面中有一轮是地球慢慢升起来了，好棒！
月亮和闪动的星星都是视频效果 音画帖快手上次我做了二次,包括朵拉,黑黑你的,在彩云归老师的集合帖里面歌词出来都是乱码 小辣椒 发表于 2026-4-15 23:59
音画帖快手上次我做了二次,包括朵拉,黑黑你的,在彩云归老师的集合帖里面歌词出来都是乱码
我在彩云归没有 id，没发过帖子的。
如果出现乱码，很大程度是编码问题。编码应该是一个复杂的问题，包括：
一、网站的预设编码：最好是 utf-8，非发帖用户可掌控；
二、数据库存入和读取数据的编码问题：最好是 utf-8mb64，非发帖用户可以掌控；
三、JS中声明编码：请确保 charset = 'utf-8'，音画帖快手默认集成此句；
四、歌词自身的组织问题，要求必须是格式符合要求的。
可能还有浏览器的缓存问题：由于JS资源版本的迭代升级，新的修正不能在浏览器旧缓存中得到体现，需要硬刷新出乱码的页面（ctrl + F5），或者通过代码强制使用可能的更新版本（在 .js 的后面加 ?v1）：
loadJs('https://638183.freep.cn/638183/tzmaker/tz2026.min.js?v1');
其中的 v1 中的 1 可以是其它更大的数据，一般在有新的版本更新之后再加。 内涵丰富，效果漂亮，谢谢马老师精彩分享{:4_191:} 杨帆 发表于 2026-4-16 16:10
内涵丰富，效果漂亮，谢谢马老师精彩分享
{:4_190:} 马黑黑 发表于 2026-4-16 13:40
我在彩云归没有 id，没发过帖子的。
如果出现乱码，很大程度是编码问题。编码应该是一个复杂的问题， ...
可惜我朋友发的截图删除了
具体我不懂也是不知道什么原因 小辣椒 发表于 2026-4-16 21:45
可惜我朋友发的截图删除了
具体我不懂也是不知道什么原因
我这个帖子歌词没有出现乱码吧 马黑黑 发表于 2026-4-15 17:45
喜欢这样有故事的歌曲吧？
歌曲里的故事我不太懂，我又不会围棋{:4_173:} 马黑黑 发表于 2026-4-15 17:45
哈哈，这样的小细节也注意到了。
细节决定成败嘛{:4_173:} 红影 发表于 2026-4-16 23:15
细节决定成败嘛
这么要紧 老师创意十足，学生已交作业，请您指正{:4_190:} 红影 发表于 2026-4-16 23:13
歌曲里的故事我不太懂，我又不会围棋
全世界的围棋高手集中在中日韩三国。目前我们的状态不太稳定。