86考网
会考成绩查询
您的位置:首页 > 范文 > IT技术专栏 > 网页制作 >

会声会影基于HTML5视频导出为网页播放的方法

作者:86考网 发布时间:2016-06-05 10:21:38 [手机版]
摘要:会声会影基于HTML5视频导出为网页播放的方法:图:html5基于网页视频输出HTML5 视频有很多优势。无需 JavaScript 或 Actio

会声会影基于HTML5视频导出为网页播放的方法

图:HTML5基于网页视频输出

HTML5 视频有很多优势。无需 JavaScript 或 ActionScript 代码,因为您只需要包括标记和参数。它是一个浏览器元素,不是一个插件。这意味着如果您使用 JavaScript 代码,页面完全载入后视频就准备好了,您不需要等待插件加载。虽然会有例外,但 ApI 都是标准化的,可以跨所有浏览器运行。由于它是一个本地元素,因此不可能与插件起冲突 — 就是说不影响显示,比如视频不会干扰滚动条。

那么如何将基于HTML5的视频将视频导出为网页播放呢?具体操作如下:

一、进入会声会影编辑器,执行【文件】---【新建HTML5项目】命令。

会声会影基于HTML5视频导出为网页播放的方法

图1:新html5项目

二、在视频轨中添加3张素材图片。

会声会影基于HTML5视频导出为网页播放的方法

图2:添加三张素材

三、进入转场素材库,为制作影片转场。选择"溶解"转场,单击鼠标右键,执行【对背景轨应用当前效果】命令。

会声会影基于HTML5视频导出为网页播放的方法

图3:添加转场

四、单击"标题"按钮,为影片添加字幕。然后在预览窗口中双击鼠标,进入输入模式,输入内容"会声会影"。

会声会影基于HTML5视频导出为网页播放的方法

图4:输入文字

五、用同样的方法继续插入两个标题素材,分别为"会声会影X5中文版"和"http://www.huishenghuiying.com.cn/",并与图片一一对应。

会声会影基于HTML5视频导出为网页播放的方法

图5:继续插入素材

六、分别选择标题轨的素材,右击选择"添加链接"。

会声会影基于HTML5视频导出为网页播放的方法

图6:添加链接

HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本,利用会声会影视频编辑软件可以制作出HTML5视频。

会声会影基于HTML5视频导出为网页播放的方法

图1:会声会影基于html5网页视频输出下

在会声会影如何导出-基于HTML5的网页视频输出(上)中我们已经学会了HTML5视频导出方法的前六步,接下来我们继续学习它的制作:

七、在弹出的对话框中输入链接,点击"确定"完成设置。

会声会影基于HTML5视频导出为网页播放的方法

图2:输入链接

八、切换至"分享"步骤面板,单击"创建HTML5文件"按钮。

会声会影基于HTML5视频导出为网页播放的方法

图3:创建文件

九、弹出对话框,设置文件保存路径,然后单击"确定"按钮。

会声会影基于HTML5视频导出为网页播放的方法

图4:设置路径

十、操作完成后,系统开始进行渲染。

会声会影基于HTML5视频导出为网页播放的方法

图5:渲染

十一、弹出提示对话框,单击"确定"按钮。

会声会影基于HTML5视频导出为网页播放的方法

图7:确定

十二、执行操作后,即可将HTML5视频文件导出为网页播放。

会声会影基于HTML5视频导出为网页播放的方法

图8:导出为网页

十三、打开网页,可预览效果。

会声会影基于HTML5视频导出为网页播放的方法

图9:预览

相关阅读

本文地址:
1.太湖网的资料来自互联网以及用户的投稿,用于非商业性学习目的免费阅览。
2.《会声会影基于HTML5视频导出为网页播放的方法》一文的著作权归原作者所有,仅供学习参考,转载或引用时请保留版权信息。
3.如果本网所转载内容不慎侵犯了您的权益,请联系我们,我们将会及时删除。


标签: HTML5
相关推荐
86考网声明:
(一) 由于各方面情况的调整与变化,本网所提供的考试信息仅供参考,敬请以权威部门公布的正式信息为准。
(二) 本网注明来源为其他媒体的稿件均为转载稿,免费转载出于非商业性学习目的,版权归原作者所有。如有内容、版权等问题请在30日内与本网联系。联系方式:邮件 jiansou123#126.com
最近更新
网站地图 | XML地图 | 手机版 | 标签
版权所有 © 2005-2022 www.kaoshi86.com 会考成绩查询 All Rights Reserved
本网站所有信息全是来源于互联网,如有侵权请来电咨询! 粤ICP备15072123号