下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

如何用HTML5在动画中添加视频

作者:课课家教育     来源: http://www.kokojia.com点击数:1388发布时间: 2016-08-21 08:29:54

标签: 添加视频HTML5教程制作动画

想学设计?来看看大师是如何完成作品的?

  在动画中插入视频一定是很酷的,但也是一个很复杂的过程。不过别忘了,我们有HTML5,这个强大的软件,对于我们来说,HTMl5真的是越来越强大了。它可能会消灭flash,许多业内人士表示,HTML将会最终代替多媒体框架,如adobe的Flash,但是短期看来还不是时候。HTML5估计到2014年才能逐步成熟,而且将现有应用Flash的网络开发完全转向HTML5还需要一段时间。尽管HTML5提出了许多优点,但是还可能有某些应用更适合于更灵活的框架。一些主流的大公司都逐步转向使用HTML5,但是这个转变的过程也不是一蹴而就的。所以,HTML5正在广泛地使用了,所以我们还有什么理由不去学习HTML5呢?这次我们课课家教育将为大家带来的是:HTML5技术教程:在动画中添加视频。这个相对于比较复杂,所以请大家耐心地看完。谢谢大家的支持。

  我们为了满足在动画中灵活添加视频的需求,我们增加了几种在动画中添加视频的方式,这些都不需要用到代码。

  步骤1:我首先要使用默认的添加方式是在一个舞台的物体上添加一个播放视频的事件:

如何用HTML5在动画中添加视频_添加视频_HTML5教程_制作动画_课课家

  步骤2:接着我们需要编辑参数:输入视频的链接以及显示位置、尺寸等参数(这里可以根据动画的参数而设置)

编辑参数

  步骤3:这里我们介绍第二种添加方法,添加方式是用指定一个舞台对象作为视频容器。

添加方式是用指定一个舞台对象作为视频容器

  步骤4:编辑参数:我们可以在容器名称一项填写作为容器的对象的名称。这样视频会填充到该物体上,位置和尺寸都和该对象相同。

位置和尺寸都和该对象相同

  步骤5:然后我们来介绍第三种添加方式:是用指定一个元件实例内的对象作为视频容器。我们在添加触发视频的方式和前面几种都类似,其实在编辑视频参数的时候容器名称一项填写:实例名称/元件内对象的名称。

编辑视频参数的时候容器名称一项填写:实例名称/元件内对象的名称。

这里也需要注意尺寸

编辑参数数据

  小编结语:相信大家看完这个教程之后,都想着自己也能制作吧,我们可能感觉到自己的能力不足,但我相信你按照步骤来操作的话,那么你一定能够掌握,动画中插入一个视频,既能体现性格,也能是一件很酷的事。如果你有兴趣,你也可以自己设置一个尝试一下的,最重要的是千万不要粗心而忘记了其中的步骤。最后感谢大家支持我们课课家教育,如果大家还想了解更多更精彩的教程,那么欢迎继续关注我们课课家教育,我们将为大家带来更多更精彩的教育咨询。

赞(28)
踩(2)
分享到:
华为认证网络工程师 HCIE直播课视频教程