项目结束总结总结下遇到的问题项目分为三部分项目背景公司是一家顶级时尚公司，所以对HTML5的要求时尚灵活，设计草稿被取回。一共7页，不过动态效果部分估计占了40多处。总的来说，说说这个项目和遇到的坑吧。对比几种html5前端方案，目前技术评测选择Phaser.js+zepto。Phaser.js主要是针对HTML5游戏的，但是根据动画的数量和整体场景的情况，所以如果选择这个框架进行双预加载的话，加载的时候会有2个动画点根据你的需要。一：宣传奖杯；Trophy：是一种不规则的旋转，最简单的实现方式自然是帧序列图的方式。我没有尝试过其他方法。我希望将来会有其他方法。请告诉我滚动文本：跑马灯每1.5秒显示一次。效果很简单。我不会详细描述背景音乐。这就是大坑。需求是加载后自动播放音视频。chrome和safari都测试过了，但是不行。用户必须触摸屏幕。唯一可能的是，在微信浏览器中，这应该是微信已经做到的。微信自动播放音频和视频主要有两种。1：野法WeixinJSBridgeReady。网上有很多实现，这里就不一一列举了，不过这个方法要特别注明。部分安卓手机不支持，比如部分vivo机型。并且可能以后都不会有了2：微信JS-SDK方法这是基于微信JS-SDK方法。具体请参考微信文档。后台需要支持自动播放视频。加载项目要求后，视频将自动播放。chrome和safari都需要点击启动。参考几个成熟的H5话题。1.加载后，让用户点击开始。解决产品工艺。2.转换成序列帧的方法这种方法目前比较理想。缺点是如果带音频就比较麻烦，而且视频转图片后，8秒多的视频200多张图片要大很多。但是，在动画中添加序列帧的方法取决于技术能力。
