基于流文件和SMIL同步制作的有声绘本

原创

于 2021-07-06 23:27:50 发布 · 680 阅读

收录于

当前文章被以下社区和专栏收录：

本文介绍如何基于SMIL技术结合图片和音频创建有声绘本。制作过程涉及理解流文件、RA音频流和流式文本，SMIL语言类似于HTML，主要用于流文件编写。成果需用RealOne软件播放，包括图片组织、代码编写和字幕添加。

主要制作一个由SMIL编写而成，将图片和音频结合起来的有声绘本。

其实制作过程很简单，只要是理解了流文件，ra音频流文件以及流式文本的编写和使用即可。在CSDN上看到利用SMIL写的程序比较少......其实SMIL和HTML很像，都是标签化语言，不过SMIL一般用于写流文件。

需要注意的是：流文件需要通过realone软件来播放，要提前下载好。

主要成果如图：

步骤1：将图片内容利用SMIL语言组织起来，代码如下：

<smil xmlns="http://www.w3.org/2000/SMIL20/CR/Language">
<head>
<layout>
<!--设置图片的大小和边框样式-->
<root-layout width="1300" height="1050" background-color="#dededc"/>
<region id="image"  left="50" top="20" width="1200" height="900" fit="meet"/>
<region id="text" left="50" top="955" width="1300" height="50" background-color="#dededc"/>
<!--layout标记-->
</layout>
<!--为图片转场添加特效-->
<transition id="fade1" type="fade" subtype="fadeToColor" fadeColor="#dededc" dur="2s"/>
<transition id="fade2" type="fade" subtype="fadeFromColor"

标签

#smil