各位朋友們，大家好！

今天要教大家如何在 JSON - To - Video 中為視頻內圖片元素添加滑入、旋轉、滑出的動效。

如果您還不會封裝制作自己的【視頻工具插件】，歡迎查看之前的教程！

AI智能體平臺，如何封裝自定義短視頻插件工具https://blog.csdn.net/m0_67118894/article/details/148444355?spm=1011.2415.3001.10575&sharefrom=mp_manage_link

案例

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"}]}}]
}

總結

通過一步步操作，我們完成了在JSON - To - Video中為圖片添加動效的過程。希望本教程對你有所幫助，感謝大家支持。