学马老师代码制作的播放器 歌曲《小雪》
<style>@import 'https://638183.freep.cn/638183/web/tz/tz.v3.css';
.pa { --offsetX: 81px; --bg: beige url('https://cccimg.com/view.php/732b91b3b2043c7eefa3e8bfa095f8c7.jpg') no-repeat center/cover; }
.pd-vid { opacity: 10; }
</style>
<div id="pa" class="pa"></div>
<script type="module">
import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v3.js';
var tz = TZ.TZ('pa');
var lrcAr = [
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
]; // 修复2：添加分号结束语句
tz.lrc(lrcAr).style('top: 30px');
tz.add('audio', '', '', {src: 'https://cccimg.com/view.php/d849e51bac812f8582e7999fefb18c71.mp3'});
tz.add('video', '', 'pd-vid', { src: 'https://cccimg.com/view.php/8d0bdb3a49c3f61c69dd632996d7131e.mp4' });
tz.add('img', '', 'ma', {src: 'https://cccimg.com/view.php/3900cf91838bf25d715948bfa68c04f5.png'}).playmp3().style('bottom: 50px');
tz.bgprog().style('bottom: 20px; color: red');
tz.fs().style('right: 20px; bottom: 20px');
</script>
本帖最后由 霜染枫丹 于 2025-11-24 20:22 编辑
雪花视频用我留存的都是黑背景，导致画面太暗，就在即梦上制作了一个。我想法是背景在蓝一点类似月光，今天份额没了，先看个热闹吧。图片也是AI生成的，我自己的图片文件太大。
霜染枫丹 发表于 2025-11-24 20:15
雪花视频用我留存的都是黑背景，导致画面太暗，就在即梦上制作了一个。我想法是背景在蓝一点类似月光，今天 ...
欣赏老师的精美作业，画面太暗可以设置背景视频的透明 @马黑黑
黑黑老师批改作业了{:4_187:} 小辣椒太多作业没有完成了，先去看看黑黑老师又分享了那些源码了{:4_173:} 小辣椒 发表于 2025-11-24 20:25
欣赏老师的精美作业，画面太暗可以设置背景视频的透明
知道了，谢谢小辣椒，我继续努力。晚上好{:4_204:} 霜染枫丹 发表于 2025-11-24 20:15
雪花视频用我留存的都是黑背景，导致画面太暗，就在即梦上制作了一个。我想法是背景在蓝一点类似月光，今天 ...
挺好看的
{:4_178:} 很漂亮啊，雪花的飘落很美，雪花的小播也好看，上面还有枫丹的名字呢。
歌词同步还有下面的同步线，歌词颜色也是枫丹自己改的{:4_187:} 这个制作氛围很融洽，非常适合歌曲的意境呢。在这样的雪景里边听歌边欣赏枫丹带来的美{:4_187:} 澜天 发表于 2025-11-24 21:12
挺好看的
我看到了有代码，
就想着 也做一个
看花容易绣花难
做起来好几个地方感觉不对
走不到一步到位
谢澜天支持{:4_204:}{:4_190:}
红影 发表于 2025-11-24 21:18
很漂亮啊，雪花的飘落很美，雪花的小播也好看，上面还有枫丹的名字呢。
歌词同步还有下面的同步线，歌词颜 ...
我把画面做的太暗淡了，就改成红色活泼一些。雪花在ai上做的，在ps上抠图，就可以用了，
歌词同步时马老师设置好了的，我就按照样子换一首歌。马老师几个播放器设计的各有特点，字幕也不是一样的，我就想再学学。{:4_204:}{:4_190:}
红影 发表于 2025-11-24 21:20
这个制作氛围很融洽，非常适合歌曲的意境呢。在这样的雪景里边听歌边欣赏枫丹带来的美
色彩在蓝一点有点月夜的的氛围就好了。歌词前面的字幕我没去掉，不知道在哪里删除，就留着过年了{:4_189:}
来欣赏霜染枫丹精品佳作！
太棒了！玫瑰花☆╮╮芍药花☆╮╰☆☆╮合欢花花～【*偶然 献花给你啦】
期待霜染枫丹佳作频出！
愿你事事如意吉祥，幸福快乐绵长。
感谢支持花潮论坛，辛苦了，祝霜染枫丹和家人岁岁安康，幸福吉祥！ 偶然~ 发表于 2025-11-24 23:15
来欣赏霜染枫丹精品佳作！
谢谢偶然，很高兴您来支持，晚上好！{:4_204:} 霜染枫丹 发表于 2025-11-24 23:08
我把画面做的太暗淡了，就改成红色活泼一些。雪花在ai上做的，在ps上抠图，就可以用了，
歌词同步时马 ...
嗯嗯，我们都是这样跟着马老师学的，枫丹很厉害了，还会AI和ps，比我会的多{:4_187:} 红影 发表于 2025-11-24 23:31
嗯嗯，我们都是这样跟着马老师学的，枫丹很厉害了，还会AI和ps，比我会的多
喜欢摄影的人都用PS,需要整理照片，现在软件好用，抠图很多时候就是一键点击完成