SMIL同步流媒体制作

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

人民邮电出版社

2.Fade类型转场

14
8.3.7控制元素
<switch>标签用于条件控制。 1.语言选择 2.带宽选择

15
人民邮电出版社
8.3.8 动画效果

1.运动动画

<animateMotion>标记用来实现运动动画效果。
人民邮电出版社

2.缩放动画

<animate>标签用来实现缩放动画效果。

6
人民邮电出版社
8.2 SMIL语法基础
8.2.1 SMIL文档结构
<smil> <head> <meta name="copyright" content="Your Name" /> <layout> <!-- layout 标记 --> </layout> </head> <body>
人民邮电出版社
16
8.3.9 SMIL制作实例
1.静态生日卡制作 2.动态生日卡制作

17
人民邮电出版社

2.定义多媒体片段窗口


3.z-index属性

z-index属性规定相互重叠的窗口的显示次序。
12
8.3.5链接制作

1.<a></a&播放的媒体片段建立超链接。
人民邮电出版社

2.<anchor></anchor>标记

<anchor>标记和<a>标记类似, 区别在于它可以实现内部 和外部指定位置跳转和分时段的链接。 coords属性用来从空间上设定媒体的链接区域,可以实 现在演示媒体的指定区域上设置链接。 链接地址可分三种类型,本地文件、http协议地址、和 rtsp协议地址。

3
人民邮电出版社
8.1.2 SMIL的优点
避免使用统一的包容文件格式 同时播放在不同服务器上的多媒体片断 时间控制 对整个演示进行布局 多语言选择支持 多带宽选择支持

4
人民邮电出版社
8.1.3 SMIL的前景
Smil的潜在应用不计其数。我们将能够更有效地在 Web上传输基于Web的培训,在其中可以借助于传 统多媒体培训技术。Web 站点上的产品演示在CD 品质的音乐和动人画面的衬托下会给人留下更加深刻 的印象。 创作 smil 实际上是创建 smil 标签提交给一个支持 smil 的浏览器的过程。许多浏览器和平台在支持多 媒体方面有它们自己的通常不兼容的方式。 smil 却 提供了一个从平台到平台和从浏览器到浏览器的一致 性多媒体演示环境。它作为一个统一的标准被大多数 浏览器所支持。

2
人民邮电出版社
8.1.1 SMIL的产生
为了在Web上创建和显示多媒体内容,您可能使用 过midi、avi、gif动画或流媒体等。尽管这些技术的 确能给站点带来增值,但它们都是单一的媒体或者已 经是集成好的媒体形式。 传统的多媒体技术为用户提供了将语音、视频和图像 等不同形式的内容结合在一起的能力,但并不能管理 与协调这些内容的传输过程。 SMIL是 xml 的一种应用,它使Web开发者只要使用 类似于 html 的标记方式,借助于一个简单的文本编 辑器,即可很容易地安排网页上的视频、声音及文字 各部分的时序,而不需要任何编程。
图片文件,可以是Internet上使用的所有图片格式,如JPEG、 GIF、PNG等 声音文件,如mp3文件、wav文件等 视频文件,如.rm文件、.mov文件、mpeg文件等 动画文件,如GIF动画、Flash动画等 适用于所有格式,尤其是其它媒体标记无法描述的格式,如 RealPix文件(.rp)

5
人民邮电出版社
8.1.4 SMIL开发准备
1. 文本编辑器:SMIL 3 尚未提供具有拖放和时间轴 功能的真正的视觉化编辑器。使用Eclipse、 EditPlus等都可以。 2. SMIL播放器:目前还没有完整的支持SMIL3.0的 播放器,Realone Player 可以全面支持2.0版本,是 不错的选择,而且各大网站都提供下载。Ambulant 非常接近于完整的 SMIL 3.0 实现,并且是一个开源 播放器,是W3C组织推荐的播放器。

3.coords属性


4.链接地址

13
8.3.6转场制作

1.Wipe类型转场

Wipe指擦去效果,是指一类效果,包含很多种具体类型 ,有barWipe、boxWipe、fourBoxWipe等36大类,用 <transition>标记的type属性指定,每一个大类还有若干 子类型,用<transition>标记的subtype属性指定。 Fade指淡入淡出效果,用<transition>标记的type属性 指定,它还包含有三个子类型,分别是fadeToColor、 fadeFromColor、和crossfade,用<transition>标记的 subtype属性指定。
主体部分
</body> </smil>
7
8.2.2 SMIL语法规范
1. SMIL所有的标记、元素和属性,除了表示关联媒 体文件的路径和名称以外,都必须以小写字母来表示 。 2. 所有的标记都是封闭类型的,但并不是所有的标记 都是成对出现的。有的标记通过“/”来表示结束。 3. 所有的属性值都必须封闭在双引号“”内。表示文 件路径和名称的属性值可以用大写、小写或者大小写 混合来表示,必须和文件的实际情况完全一致。 4. SMIL文件的后缀名为“.smil”或“.smi”。一般使 用“.smil”以避免和其它文件类型冲突。文件名中不 可含有空格。 5. SMIL文件源代码中也可以含有注释行,注释行在 媒体播放器中是不显示的。其型号为<!-- 注释内容 -->
SMIL同步流媒体制作
8.1 SMIL简介
SMIL是同步多媒体集成语言(Synchronized Multimedia Integration Language)的缩写。它是 由W3C组织规定的多媒体操纵语言。 SMIL语言是一套已经规定好的而且非常简单的基于 XML的纯文本标记语言。利用SMIL语言可以将在 Internet上不同位置的媒体文件关联到一起,媒体播 放器通过载入SMIL文件,会根据文件中设置的各个 媒体文件的播放顺序和位置等属性,将这些多媒体片 断集中到同一窗口播放。
人民邮电出版社

5.repeat属性

repeat属性用来指定所播放媒体片段的重复次数。
11
8.3.4布局设计
布局标记必须以< layout>开头,以< /layout>结束 ,其他具体的标记都在这中间。 1.定义基本窗口

人民邮电出版社
<root-layout>标记规定了最基本的、最底层的窗口。 <region >标记用来定义各个多媒体片段的显示位置。
9
8.3.2 多媒体片段组织

1.< seq>< /seq>标记

<seq>标记可定义序列。<seq>标记中的子元素依次显示 在序列中。
人民邮电出版社

2.<par>< /par>标记

<seq>标记用来定义需要同步显示的内容。
10
8.3.3时间控制




1.dur属性 dur属性用于控制媒体片段的播放时间。 2.begin和end属性 begin属性用来指定所属媒体开始演示后的延迟播放时刻, end属性用来指定所属媒体开始演示后的结束时刻。 3.clip-begin和clip-end属性 clip-begin和clip-end属性是用来指定所属媒体内部时间的 。这里的内部指的就是多媒体片断自己的时间线。 4.fill属性 fill属性规定当演示中的某个片断播放完成以后的显示状态 。默认的值为remove,表示播放完后屏幕变为黑屏,freeze 表示播放完后屏幕上显示的是所播放媒体的最后一帧。

8
人民邮电出版社
8.3 SMIL详细解析
8.3.1 多媒体关联
人民邮电出版社
标记名称 <text…/>
关联媒体种类 文本文件 (.txt文件)
<textstream…/>
<img…/> <audio…/> <video…/> <animation…/> <ref…/>
RealText的流式文本文件 (.rt文件)
相关文档
最新文档