花飞飞 发表于 2025-12-21 11:29

【黑师代码】夜是克莱因蓝的明媚（学习黑师20251206《My Promise To You》画中画效...

本帖最后由 花飞飞 于 2025-12-21 13:35 编辑 <br /><br /><style>
        @import 'https://638183.freep.cn/638183/web/tz/tz.v4.css';
        .pa { --offsetX: 0px;margin:130px 0; left: calc(50% - 81px);width: clamp(600px, 90vw, 1700px); height: auto; aspect-ratio: 18/9.6;--bg: url('https://cccimg.com/view.php/1379cceacbfdd52c6ba8d41faa23b67c.jpg') no-repeat center/cover; }
</style>

<div class="pa"></div>

<script type="module">
        import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v4.js';
        const tz = TZ.TZ('pa');
       
        tz.add('audio', '', '', {src: 'https://music.163.com/song/media/outer/url?id=1333365172'});
        tz.add('video', '', 'qk-vid', {
                src: 'https://bpic.588ku.com/video_listen/588ku_video/24/12/23/19/18/13/video676946f53e692.mp4',
                style: 'opacity: 0.16;mix-blend-mode: screen;'
        });
        tz.add('div', 'wrapper', 'wrap300 invert', {style: 'clip-path: ellipse(50% 40%);left:36%;bottom:22%;opacity: 0.99;mix-blend-mode: screen;'});
        tz.add('video', '', 'vid', {
                src: 'https://cccimg.com/view.php/8d622fbb57b6b310a3efedd5bc22265a.mp4'
        }).to('wrapper');
        tz.add('img', '', 'rotate-ani', {
                src: 'https://638183.freep.cn/638183/small/ytji.png',
                alt: '',
                style: 'position: absolute; width: 80px; right: 21%;bottom:25%; cursor: pointer;opacity: 0.69;'
        }).playmp3();
        tz.fs().style('top: 20px;left:2%;');
</script>

花飞飞 发表于 2025-12-21 11:31

@马黑黑 跟了个画中画效果，小白技术不到家，画中画视频一直扔有滤镜效果，只能隐隐约看到。
试着加了个mix-blend-mode: normal;也没效果。。

马黑黑 发表于 2025-12-21 13:02

花飞飞 发表于 2025-12-21 11:31
@马黑黑 跟了个画中画效果，小白技术不到家，画中画视频一直扔有滤镜效果，只能隐隐约看到。
试着加了个mi ...
*-blend-mode 不是万能的。在你这帖，需要清晰的画中画太简单了：

      tz.add('video', '', 'vid', {
                src: 'https://cccimg.com/view.php/8d622fbb57b6b310a3efedd5bc22265a.mp4'
      }).to('wrapper');

.vid 选择器没有做滤镜修饰，保持素颜的视频之美

花飞飞 发表于 2025-12-21 13:36

马黑黑 发表于 2025-12-21 13:02
*-blend-mode 不是万能的。在你这帖，需要清晰的画中画太简单了：

      tz.add('video', '', 'vid' ...

{:4_170:}被自己蠢哭了。。。同样的地方跌倒第二次。。关键是不久前才被扶起来过一次。

花飞飞 发表于 2025-12-21 13:40

马黑黑 发表于 2025-12-21 13:02
*-blend-mode 不是万能的。在你这帖，需要清晰的画中画太简单了：

      tz.add('video', '', 'vid' ...

这个画中画效果完美，跟动画背景结合起来，解决背景视频放大后不清晰的问题。小小的还是可以看的。{:4_173:}

马黑黑 发表于 2025-12-21 17:10

花飞飞 发表于 2025-12-21 13:40
这个画中画效果完美，跟动画背景结合起来，解决背景视频放大后不清晰的问题。小小的还是可以看的。{:4_17 ...

画中画就是拿来看的，不许模糊

马黑黑 发表于 2025-12-21 17:11

花飞飞 发表于 2025-12-21 13:36
被自己蠢哭了。。。同样的地方跌倒第二次。。关键是不久前才被扶起来过一次。

就是说，伤还没好利索

红影 发表于 2025-12-21 20:03

真漂亮，这个画中画的小视频是用AI生产的吧，和背景图一样的，很有意境。
欣赏飞飞好帖{:4_199:}

小九 发表于 2025-12-23 18:26

这个画面美得极有意境，欣赏！{:4_171:}

花飞飞 发表于 2025-12-26 10:53

马黑黑 发表于 2025-12-21 17:10
画中画就是拿来看的，不许模糊

小小的就很清晰。。
估计都是为手机设定的，没设定电脑这么大的屏、

花飞飞 发表于 2025-12-26 10:55

马黑黑 发表于 2025-12-21 17:11
就是说，伤还没好利索

跌倒伤脚，没记住伤心{:4_170:}

花飞飞 发表于 2025-12-26 10:55

红影 发表于 2025-12-21 20:03
真漂亮，这个画中画的小视频是用AI生产的吧，和背景图一样的，很有意境。
欣赏飞飞好帖

问好影子，感谢鼓励，周末快乐呀。{:4_204:}

花飞飞 发表于 2025-12-26 10:55

小九 发表于 2025-12-23 18:26
这个画面美得极有意境，欣赏！

九来了，抱个。。{:4_183:}

杨帆 发表于 2025-12-26 16:23

新颖别致~谢谢花飞飞精彩分享{:4_204:}

马黑黑 发表于 2025-12-26 18:41

花飞飞 发表于 2025-12-26 10:55
跌倒伤脚，没记住伤心

脚掌心也是心

马黑黑 发表于 2025-12-26 18:41

花飞飞 发表于 2025-12-26 10:53
小小的就很清晰。。
估计都是为手机设定的，没设定电脑这么大的屏、

都可以吧

花飞飞 发表于 2025-12-27 08:41

杨帆 发表于 2025-12-26 16:23
新颖别致~谢谢花飞飞精彩分享

感谢杨帆支持{:4_187:}

花飞飞 发表于 2025-12-27 08:42

马黑黑 发表于 2025-12-26 18:41
脚掌心也是心

脚掌心输入法好用{:4_173:}

花飞飞 发表于 2025-12-27 08:42

马黑黑 发表于 2025-12-26 18:41
都可以吧

那个AI软件自制视频放大就糊了。

马黑黑 发表于 2025-12-27 13:35

花飞飞 发表于 2025-12-27 08:42
脚掌心输入法好用

那是双手残疾的人用的{:4_170:}
页: [1] 2
查看完整版本: 【黑师代码】夜是克莱因蓝的明媚（学习黑师20251206《My Promise To You》画中画效...