会声会影如何导出基于HTML5的网页视频输出

html-css011

会声会影如何导出基于HTML5的网页视频输出,第1张

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

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

图1:新html5项目

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

图2:添加三张素材

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

图3:添加转场

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

图4:输入文字

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

图5:继续插入素材

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

图6:添加链接

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

图2:输入链接

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

图3:创建文件

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

图4:设置路径

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

图5:渲染

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

图7:确定

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

图8:导出为网页

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

图9:预览

Mindmanager就有导出HTML5交互式导图功能:

图1:Mindmanager可导出格式

第一、什么是HTML5交互式导图?

首先,HTML是一种超文本标记语言,通过超链接的方式将文本、图表、图片等信息相关联,并通过浏览器的识别,将其内容翻译为用户所能见到的网页。而HTML5于2008年正式发布,是最新的Web语言,能极大地提升Web多媒体内容的处理。

接下来,我们会以下图的项目章程思维导图为例,导出HTML5交互式导图。

图2:思维导图示例

第二、插入超链接并导出

由于HTML5交互式导图是依托于超链接的文本格式,因此很适用于含有超链接内容的导图。用户可以在Mindmanager思维导图软件中选择主题内容后,右击启动快捷菜单,并在其中选择“插入”“超链接”,即可为主题添加超链接。

图3:插入超链接

插入链接后,单击工具栏中的“文件”,并单击其中的“导出”HTML5交互式导图,即可导出。

图4:导出的HTML5交互式导图

第三、打开导出的HTML5交互式导图

用户需要使用浏览器来打开HTML5交互式导图。打开的方式有两种,既可以直接单击导出的文件打开,也可以将导出的文件拖拉到浏览器中打开。

打开后的HTML5交互式导图与Mindmanager思维导图软件中的导图格式一致,用户可以单击其中包含链接的主题打开所指向的链接。

图5:导出的CSV文件

除了标准的视图外,HTML5交互式导图还提供演示文稿的视图模式。单击浏览器底部左边的“菜单”工具即可设置导图的视图模式,并可使用“搜索”功能,快速定位所需的内容。

图6:CSV文件的视图模式

通过运用Mindmanager思维导图软件导出HTML5交互式导图功能,用户能实现更有效的文件分享。HTML5交互式导图只要依托浏览器就能实现浏览,适合用于较多用户类型的分享,不用局限于特定的应用程序,而且对于一些超链接内容,也能实现更快速的导向。如果想要体验这项功能的小伙伴们,可以在Mindmanager官网进行思维导图软件下载使用。