查看: 130|回复: 33

[单图] 【黑师代码】让所有美好奔你而来(TO:愫怡)

[复制链接]
随遇而安
少年歌行 守望千山 两周年庆 巳巳如意 一叶知秋 版主勋章 山高为峰 山外有山 樱果相依 闲花落
发表于 2025-12-29 16:57 | 显示全部楼层 |阅读模式
本帖最后由 花简静 于 2025-12-29 20:16 编辑

评分

8

查看全部评分

一鹿向北 2025-12-29 19:36
回复
所有美好奔你而来
歌手:魏新雨
一鹿向北 2025-12-29 19:37
回复
我还分享了这么一首歌啊,哈哈,这个歌有点90年代流行歌曲的味道。
回复

使用道具

随遇而安
少年歌行 守望千山 两周年庆 巳巳如意 一叶知秋 版主勋章 山高为峰 山外有山 樱果相依 闲花落
 楼主| 发表于 2025-12-29 16:59 | 显示全部楼层
@愫怡 收到你的礼物是真的开心,动态音画做得太好了,创意和技术都令人惊叹。。
感谢你带来的温暖和相伴,有你真好。。
2026元旦快到啦,愿你所行之路皆繁花,所遇之人皆温暖,所做之事皆顺遂,岁岁年年,平安喜乐
千山快乐相伴,疯图开心。。

评分

1

查看全部评分

获得 入云松卡 一张

卡片说明:起雾了,花简静沿着手电筒的光,寻到4 颗草籽。

卡片效果:获得 4 颗 草籽

点评
回复

使用道具

随遇而安
少年歌行 守望千山 两周年庆 巳巳如意 一叶知秋 版主勋章 山高为峰 山外有山 樱果相依 闲花落
 楼主| 发表于 2025-12-29 16:59 | 显示全部楼层
本帖最后由 花简静 于 2025-12-29 20:18 编辑
  1. <style>
  2. @import 'https://638183.freep.cn/638183/web/tz/tz.min.css?v1';
  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://642303.freep.cn/642303/tu/20251229sy013.webp') no-repeat center/cover; }
  4. .player { position: absolute; bottom: 38%;right:7%; cursor: pointer;width: 120px; height: 120px; mask: url('https://638183.freep.cn/638183/small/snow.webp') no-repeat center/cover; -webkit-mask: url('https://638183.freep.cn/638183/small/snow.webp') no-repeat center/cover; }
  5. .vid {
  6.   transform: rotateY(0deg);
  7.   -webkit-mask: linear-gradient(to left,transparent,transparent,transparent,red,red,red);
  8.   width: 100%; /* 宽度填满框架 */
  9.   height: 100%; /* 高度填满框架 */
  10.   object-fit: cover; /* 保持视频比例,裁剪多余部分,不拉伸变形 */
  11.   position: absolute; /* 定位贴合框架,避免布局偏移 */
  12.   top: 0;
  13.   left: 0;
  14. }
  15. </style>
  16. <div class="pa"></div>
  17. <script type="module">
  18. import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v3.js';
  19. const tz = TZ.TZ('pa');
  20. tz.add('audio', '', '', { src: 'https://music.163.com/song/media/outer/url?id=2731325884'});
  21. tz.add('video', '', 'vid', {
  22. src: 'https://i.uik.cc/view.php/666c4ee0fce3422040c25913ab83642c.mp4',
  23. DisablePictureInPicture: 'true'
  24. }).playmp3();
  25. tz.add('video', '', 'qk-vid', { src: 'https://bpic.588ku.com/video_listen/588ku_video/22/11/05/16/14/43/video63661b737c854.mp4',
  26. style: 'mix-blend-mode:screen;opacity: .69;top:-10%;height:110%;' });
  27. tz.add('img', '', 'player rotate-ani', { src: 'https://642303.freep.cn/642303/tu/c88747f820d857d2.png' }).playmp3();
  28. tz.fs().style('bottom: 20px');
  29. </script>
复制代码
花简静 2025-12-29 20:18
回复
感谢云端老师帮忙修复视频问题
回复

使用道具

随遇而安
少年歌行 守望千山 两周年庆 巳巳如意 一叶知秋 版主勋章 山高为峰 山外有山 樱果相依 闲花落
 楼主| 发表于 2025-12-29 17:00 | 显示全部楼层

这个是背景图。。

评分

1

查看全部评分

一鹿向北 2025-12-29 17:44
回复
雪的背景是挺不错的。
回复

使用道具

随遇而安
少年歌行 守望千山 两周年庆 巳巳如意 一叶知秋 版主勋章 山高为峰 山外有山 樱果相依 闲花落
 楼主| 发表于 2025-12-29 17:01 | 显示全部楼层
动图盖字了,就遮了右边,只留了左边。。
点评
回复

使用道具

随遇而安
少年歌行 守望千山 两周年庆 巳巳如意 一叶知秋 版主勋章 山高为峰 山外有山 樱果相依 闲花落
 楼主| 发表于 2025-12-29 17:08 | 显示全部楼层
这个动画传到了树洞网盘,播放不怎么流畅的感觉
一鹿向北 2025-12-29 17:46
回复
树洞我还没用过。
回复

使用道具

大彻大悟
版主勋章 两周年庆 一生安柠 青恬时光 幸福莓满 心想事橙 桃气满满 心若葡提 樱果相依 喜上莓梢 一生一世 金老虎
发表于 2025-12-29 19:04 | 显示全部楼层
静静这幅动态与静图结合,
文字音视三结合入画的情境,
版式大气流畅,背景质感不乏柔美,整体色调和谐,
意境唯美,光影不错,图释文意充分完美。
点评

回复

使用道具

大彻大悟
版主勋章 两周年庆 一生安柠 青恬时光 幸福莓满 心想事橙 桃气满满 心若葡提 樱果相依 喜上莓梢 一生一世 金老虎
发表于 2025-12-29 19:05 | 显示全部楼层
愫怡 收礼开心快乐!
点评
回复

使用道具

大彻大悟
版主勋章 两周年庆 一生安柠 青恬时光 幸福莓满 心想事橙 桃气满满 心若葡提 樱果相依 喜上莓梢 一生一世 金老虎
发表于 2025-12-29 19:09 | 显示全部楼层
本帖最后由 云端漫步 于 2025-12-29 19:19 编辑

静静背景图是半身,视频咋只半个脸呐,下面代码改了试下看。

  1. <style>
  2. @import 'https://638183.freep.cn/638183/web/tz/tz.min.css?v1';
  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://642303.freep.cn/642303/tu/20251229sy013.webp') no-repeat center/cover; }
  4. .player { position: absolute; bottom: 38%;right:7%; cursor: pointer;width: 120px; height: 120px; mask: url('https://638183.freep.cn/638183/small/snow.webp') no-repeat center/cover; -webkit-mask: url('https://638183.freep.cn/638183/small/snow.webp') no-repeat center/cover; }
  5. .vid {
  6.   transform: rotateY(0deg);
  7.   -webkit-mask: linear-gradient(to left,transparent,transparent,transparent,red,red,red);
  8.   width: 100%; /* 宽度填满框架 */
  9.   height: 100%; /* 高度填满框架 */
  10.   object-fit: cover; /* 保持视频比例,裁剪多余部分,不拉伸变形 */
  11.   position: absolute; /* 定位贴合框架,避免布局偏移 */
  12.   top: 0;
  13.   left: 0;
  14. }
  15. </style>
  16. <div class="pa"></div>
  17. <script type="module">
  18. import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v3.js';
  19. const tz = TZ.TZ('pa');
  20. tz.add('audio', '', '', { src: 'https://music.163.com/song/media/outer/url?id=2731325884'});
  21. tz.add('video', '', 'vid', {
  22. src: 'https://i.uik.cc/view.php/666c4ee0fce3422040c25913ab83642c.mp4',
  23. DisablePictureInPicture: 'true'
  24. }).playmp3();
  25. tz.add('video', '', 'qk-vid', { src: 'https://bpic.588ku.com/video_listen/588ku_video/22/11/05/16/14/43/video63661b737c854.mp4',
  26. style: 'mix-blend-mode:screen;opacity: .69;top:-10%;height:110%;' });
  27. tz.add('img', '', 'player rotate-ani', { src: 'https://642303.freep.cn/642303/tu/c88747f820d857d2.png' }).playmp3();
  28. tz.fs().style('bottom: 20px');
  29. </script>
复制代码

评分

1

查看全部评分

点评

回复

使用道具

晴儿老公
版主勋章 巳巳如意 两周年庆 守望千山 少年歌行 七夕之桥 一生安柠 青恬时光 幸福莓满 心想事橙 桃气满满 梅开颜笑 心若葡提 大吉大荔 樱果相依 喜上莓梢 菜源滚滚 一生一世 前兔似锦 心心相印 两心如一 一心一意 九色鹿
发表于 2025-12-29 19:35 | 显示全部楼层
这大眼睛忽闪忽闪的真好看。
素材不错,
树枝雪景也很漂亮。
点评
回复

使用道具

您需要登录后才可以回帖 登录 | 中文注册

本版积分规则

手机版|千山论坛 ( 冀ICP备2024055714号 )

GMT+8, 2026-1-30 21:25

Powered by Discuz! X3.5

© 2001-2026 Discuz! Team.

快速回复 返回顶部 返回列表