旅途前方

马黑黑

马黑黑

帖子代码：

1. <style>
   
2.   @import 'https://638183.freep.cn/638183/tzmaker/tz5.css';
   
3.   .pa { --bg: url('https://638183.freep.cn/638183/t24/w8/trv.webp') no-repeat center/cover; --ma-size: 7%; }
   
4.   .pd-vid { opacity: 1; mix-blend-mode: screen; transform: scale(-1, 1); }
   
5.   .ma { bottom: 50px; clip-path: circle(40%); -webkit-clip-path: circle(40%); }
   
6. </style>
   
7. 
   
8. <div class="pa"></div>
   
9. 
   
10. <script>
    
11.   var jsFile = 'https://638183.freep.cn/638183/tzmaker/tz5.js';
    
12.   loadJs(jsFile, tzInit);
    
13. 
    
14.   function loadJs(url, callback) {
    
15.     const script = document.createElement('script');
    
16.     script.charset = 'utf-8';
    
17.     script.src = url;
    
18.     script.defer = true;
    
19.     script.onload = callback;
    
20.     document.head.appendChild(script);
    
21.   }
    
22. 
    
23.   function tzInit() {
    
24.     var tz = TZ('pa');
    
25.     tz.add('audio', '', '', { src: 'https://music.163.com/song/media/outer/url?id=1371757761' });
    
26.     tz.add('video', '', 'pd-vid', {src: 'https://img.tukuppt.com/video_show/2269348/00/35/88/5fd83151c9175.mp4'});
    
27.     tz.add('img', '', 'ma sepia', { src: 'https://638183.freep.cn/638183/web/svg1/225.svg' }).playmp3();
    
28.     tz.bgprog().style('bottom: 30px; color: #fefefe; width: 240px;');
    
29.     tz.fs().style('left: 30px; top: 30px;');
    
30.     tz.autoMid();
    
31.   }
    
32. </script>

复制代码

【注】基础代码由 tzMaker v5高能电饭煲 生成，那里已经直接支持 tzv5，论坛里的还保留原样

红影

transform: scale(-1, 1);，原来视频里设置了这个，怪不得觉得移动方向是反的。

红影

音乐好听，这样的场景和营造的视频效果，让人不觉被带入旅途的位置氛围里。
欣赏黑黑好帖

马黑黑

红影 发表于 2026-3-25 14:35
音乐好听，这样的场景和营造的视频效果，让人不觉被带入旅途的位置氛围里。
欣赏黑黑好帖

准备掏钱钱了

马黑黑

红影 发表于 2026-3-25 14:34
transform: scale(-1, 1);，原来视频里设置了这个，怪不得觉得移动方向是反的。

这是走右倾路线

杨帆

效果漂亮~功能强大的tzMaker v5高能制帖电饭煲

如果能设计出兼有炒菜功能的制帖电饭煲，那就可以突破某些局限，该制帖办法的前景更广阔

梦江南

好久没来看黑黑老师的帖子了，发现画面的风格变了。问好黑黑老师！