当前位置：首页 > news >正文

【JSON-To-Video】AI智能体开发：为视频图片元素添加动效（滑入、旋转、滑出），附代码

news 来源：原创 2025/6/17 10:47:22

各位朋友们，大家好！

今天要教大家如何在 JSON - To - Video 中为视频内图片元素添加滑入、旋转、滑出的动效。

如果您还不会封装制作自己的【视频工具插件】，欢迎查看之前的教程！

AI智能体平台，如何封装自定义短视频插件工具https://blog.csdn.net/m0_67118894/article/details/148444355?spm=1011.2415.3001.10575&sharefrom=mp_manage_link

案例

【JSON-To-Video】AI智能体开发：为视频图片元素添加动效（滑入、旋转、滑出）

API制作短视频

目前包括阿里百炼、字节扣子、智谱AI 等等AI智能体平台，都可以使用AI智能体添加自己的工具插件，进行视频制作API的调用，操作流程大同小异，大家可以按需进行微调操作。下面仅以Coze（扣子）为例。

1. 生成图片获取URL

首先要调用AI文生图API，生成我们视频的背景图片与内容图片。

生成图片后，复制图片，使用公网工具，上传后得到公网访问的URL地址，后续制作需用到。

2. 设置图片的位置、大小、出场时间

接着配置componentList字段，并添加img组件的使用。设置好图片位置、大小及出场时间。

3. 设置图片的animation动效

配置完基础素材后，接着设定animation，如fadeInLeft、flip、fadeOutRight等动效，让图片灵动起来。

这里需要注意对动效时间的控制，包括特别是入场、退场时间的先后顺序。

4. 完善其它视频内容

设置完内容图片动效后，接着为我们的视频设置背景音乐、解说文案、语音音色及字幕效果等字段。这些设置能极大丰富视频内容，提升观看体验，为视频增色不少。

5. 调用API完成制作

最后配置视频制作API - Token，使用curl调用api，将前面的设置整合，从而完成带有图片动效的视频制作。

6. JSON源码

{"token": "Your_API_Token","videoTemplateId": "h5","bgAudio": {},"content": "各位朋友们，大家好！今天要教大家如何在JSON转Video中，为视频内图片元素添加滑入、旋转、滑出的动效。","captions": {"styles": {"textShadow": "none","color": "#fff","background": "rgba(0,0,0,.6)"}},"audioType": "FeTl3oaVOlQKL8JR","componentList": [{"type": "audio","opts": {"itemList": [{"url": "https://p3-bot-sign.byteimg.com/tos-cn-i-v4nquku3lp/2303b18d5178414f92389a31d00f7135.mp3~tplv-v4nquku3lp-image.image?rk3s=68e6b6b5&x-expires=1752632601&x-signature=K0FM%2F9YfqE9EOPuDAQxXOVjV7Bs%3D"}]}},{"type": "img","opts": {"styles": {"position": "absolute"},"imgList": [{"delay": 0,"keepTS": 300000,"styles": {"width": "100%","height": "100%","left": 0,"top": 0},"url": "https://p6-bot-sign.byteimg.com/tos-cn-i-v4nquku3lp/d6e2c25bc000471c88b2f2df8f94e8d0.png~tplv-v4nquku3lp-image.image?rk3s=68e6b6b5&x-expires=1752631660&x-signature=sDYOAqLLy3kZq0n5JgoVxVgdjJA%3D"},{"delay": 1000,"keepTS": 300000,"styles": {"width": "40%","height": "40%","left": "30%","top": "30%","animation": "1s fadeInLeft 1, 5s linear 1s flip infinite, 1s 6s fadeOutRight 1"},"url": "https://p6-bot-sign.byteimg.com/tos-cn-i-v4nquku3lp/7a7e01cf02854cdeb219b90e5509a458.png~tplv-v4nquku3lp-image.image?rk3s=68e6b6b5&x-expires=1752631988&x-signature=2frsSVkbGOK98FgsroxbzFt%2FE3Q%3D"}]}}]
}