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

各位朋友们,大家好!

今天要教大家如何在 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源码

javascript 复制代码
{
  "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中为图片添加动效的过程。希望本教程对你有所帮助,感谢大家支持。

相关推荐
xiaobaibai1532 分钟前
烟草复杂包装识别准确率↑31%!陌讯多模态SKU检测算法在零售终端的实战解析
人工智能·算法·视觉检测·边缘计算·零售
计算机sci论文精选2 分钟前
ACL 2024 大模型方向优秀论文:洞察NLP前沿关键突破
人工智能·深度学习·语言模型·多模态·acl·机器翻译模型
__風__6 分钟前
从本地 Docker 部署的 Dify 中导出知识库内容(1.6版本亲测有效)
人工智能·python·mysql·语言模型
BJ_Bonree9 分钟前
守护金融核心业务 | 博睿数据《金融业务全景与全链路智能可观测体系建设白皮书》发布!
人工智能
掘金安东尼11 分钟前
大模型为何迟迟无法真正融入微信?
人工智能
光锥智能13 分钟前
AI+金融,如何跨越大模型和场景鸿沟?
人工智能
慧星云24 分钟前
魔多 AI 支持 Flux.1 Krea 在线训练:感受超自然细节
人工智能·云计算·aigc
Rysxt_26 分钟前
免费语音识别(ASR)服务深度指南
人工智能·语音识别
张成AI42 分钟前
Qwen3-30B-A3B-Thinking-2507 推理模型深度评测
人工智能·qwen
神经星星1 小时前
在线教程丨全球首个 MoE 视频生成模型!阿里 Wan2.2 开源,消费级显卡也能跑出电影级 AI 视频
人工智能·机器学习·开源