ae动画文件转json文件

Ae动画作为一种非常常用的视频素材，经常需要与Web端、移动端进行数据交互，但是它不支持HTML5的Web格式和原生的移动格式，因此我们需要将Ae动画文件转换为JSON文件来进行数据交互。

转换过程需要使用插件和代码来实现。首先我们需要下载并安装bodymovin插件，并在Ae中导出JSON文件。接下来需要使用下面的代码将JSON文件置于HTML代码中：

<script src="js/lottie.min.js"></script> 
<script>
   var animation = lottie.loadAnimation({
      container: document.getElementById('anim'),renderer: 'svg',loop: true,autoplay: true,path: 'logo.json' 
   });
</script>

在以上代码中，我们引用了bodymovin在HTML5的JavaScript库Lottie，我们需要先将Lottie库引入代码，并在原有视频的div上选定ID，以便在HTML文档中使用。接着创建一个Lottie动画，通过path值将动画的JSON文件地址引入。

转换为JSON文件后，Ae动画就能够在各种设备上显示，并可以方便地与Web端或移动端进行数据交互。这一过程非常简单易行，但可以为整个APP或网站提供更好的用户体验。