一、首先需要注意的几点是：

　　1.用记事本编写代码时，要保存为后缀名为.smil或.smi的文件，并且编码格式选择为UTF-8。

　　2.打开.smil文件的播放器选择为：RealPlayer或是AmbulantPlayer,它们的下载地址分别是

　　　　　　　　　　RealPlayer:https://www.realnetworks.com/products-services/realmedia-hd-suite/realplayer-hd

AmbulantPlayer:http://www.ambulantplayer.org/Download200.shtml

　　3.smil学习的网址可以是：http://www.w3school.com.cn/smil/index.asp 和 http://79343654.iteye.com/blog/1328448等等。

　　4.编写好的代码在播放器播放的过程中可能会产生一些多余的代码，这些代码一般在</smil>前面，要注意检查。

　　5.在测试效果的过程中，不要频繁关闭RealPlayer,关闭多次它就打不开了，只能重启电脑才能重新打开（也许是我电脑的问题）。

二、代码

　　基础知识在上面的学习网址之中都有，SMIL和HTML很相似，很好学习，所以我就直接上代码了。(所有要用的多媒体素材都保存在一个materials的文件中)

<smil>

<head>

　　 <layout>

　　　　 <root-layout width="1280"  height="720" background-color="white"/>

<region id="video_one" left="4" top="4" width="960" height="540" fit="meet" z-index="5"/>

　　　   <region id="image_one" left="968" top="4" width="308" height="177" fit="meet"/>

<region id="image_two" left="968" top="185" width="308" height="177" fit="meet"/>

<region id="image_three" left="968" top="365" width="308" height="177" fit="meet"/>

<region id="text_one" left="4" top="547" width="1272" height="720" fit="meet"/>

　　      <region id="image_four" left="0" width="600" height="400" fit="meet"/>

　　 </layout>

</head>

<body>

　　<par>

　　　　  <video src="materials/Sakamoto.rmvb" region="video_one" begin="0" dur="35" fill="freeze"/>

　　　　 <img src="materials/b.png" region="image_one" begin="36" end="56" fill="freeze"/>

　　　　  <audio src="materials/music1.mp3"  begin="35" end="56" />

　　　    <img src="materials/c.png" region="image_two" begin="56" end="76"  fill="freeze"/>

<audio src="materials/music2.mp3"  begin="56" end="76"/>

　　　   <img src="materials/d.png" region="image_three" begin="77" end="97"  fill="freeze"/>

<audio src="materials/music3.mp3"  begin="77" end="97"/>

<text src="materials/text1.txt" region="text_one" begin="0" end="35"/>

<text src="materials/text2.txt" region="text_one" begin="36" end="56"/>

<text src="materials/text3.txt" region="text_one" begin="56" end="76"/>

<text src="materials/text4.txt" region="text_one" begin="77" end="97"/>

　　</par>

</body>

</smil>

以上代码实现的功能为：1.播放视频并显示说明文字。

　　　　　　　　　　　2.播放音乐，并同时显示与音乐对应的文字和图片。（画面中最大的那幅图是视频结束后定格的一帧）

<smil xmlns="http://www.w3.org/2001/SMIL20/Language">

<head>

　　 <layout>

　　　　<root-layout width="1280"  height="720" background-color="white"/>

　　　   <region id="image_four" left="0" top="272" width="308" height="177" fit="meet"/>

　　 </layout>

<transition id="fade1" type="fade" subtype="fadeToColor" dur="4s"/>  <transition id="fade2" type="fade" subtype="fadeFromColor" dur="4s"/>

<transition id="wipe1" type="slideWipe" subtype="fromTop" dur="4s"/>  <transition id="wipe2" type="waterfallWipe"  dur="4s"/>

</head>

<body>

　　  <seq>

　　　　 <img region="image_four" src="materials/a.png" dur="30">

　　　   <animateMotion from="0 272" to="972 272" dur="30"/>

</img>

<img region="image_five" src="materials/e.png" width="1280" height="720">

<animate attributeName="height" from="360" to="720" fill="freeze" dur=10s"/>

</img>

<img src="materials/one.jpg"  tansIn="fade2" transOut="fade1" dur="15s"/>

<img src="materials/two.jpg"  tansIn="wipe1" transOut="wipe2" dur="15s"/>

</seq>

</body>

</smil>

　　这段代码本来应该正常的展示出图片的移动，放大，淡入淡出和擦除的效果，但由于我的RealPlayer打开几次文件后就无法继续打开文件，我只能关掉RealPlayer，而这导致我只能不断地开关机，然而我的电脑开关机的速度都极其的慢，我在上面耗费了许多时间也始终没能把该.smil文件打开。加上接下来的一周我还得完成流媒体服务器的搭建，弄一个多媒体播放器，做一个音/视频编解码器(当然在这么短的时间内完成这些肯定要去借鉴别人的代码)，总之，SMIL学习先暂时结束。

　　　　　　

用SMIL语言编写一个简单的演示的更多相关文章

  1. 用C语言编写一个简单的词法分析程序

    问题描述: 用C或C++语言编写一个简单的词法分析程序,扫描C语言小子集的源程序,根据给定的词法规则,识别单词,填写相应的表.如果产生词法错误,则显示错误信息.位置,并试图从错误中恢复.简单的恢复方法 ...

  2. 用 C 语言编写一个简单的垃圾回收器

    人们似乎觉得编写垃圾回收机制是非常难的,是一种仅仅有少数智者和Hans Boehm(et al)才干理解的高深魔法.我觉得编写垃圾回收最难的地方就是内存分配,这和阅读K&R所写的malloc例 ...

  3. C语言编写一个简单游戏

    感悟:这算是一个起点吧,我都大二了,还这么菜,才开始写游戏,这个游戏很简单,利用随机数猜大小! #include <stdlib.h> #include <stdio.h> # ...

  4. Java入门篇（一）——如何编写一个简单的Java程序

    最近准备花费很长一段时间写一些关于Java的从入门到进阶再到项目开发的教程,希望对初学Java的朋友们有所帮助,更快的融入Java的学习之中. 主要内容包括JavaSE.JavaEE的基础知识以及如何 ...

  5. 手把手教你编写一个简单的PHP模块形态的后门

    看到Freebuf 小编发表的用这个隐藏于PHP模块中的rootkit,就能持久接管服务器文章,很感兴趣,苦无作者没留下PoC,自己研究一番,有了此文 0×00. 引言 PHP是一个非常流行的web ...

  6. 编写一个简单的C++程序

    编写一个简单的C++程序 每个C++程序都包含一个或多个函数(function),其中一个必须命名为main.操作系统通过调用main来运行C++程序.下面是一个非常简单的main函数,它什么也不干, ...

  7. 使用Java编写一个简单的Web的监控系统cpu利用率，cpu温度，总内存大小

    原文:http://www.jb51.net/article/75002.htm 这篇文章主要介绍了使用Java编写一个简单的Web的监控系统的例子,并且将重要信息转为XML通过网页前端显示,非常之实 ...

  8. 编写一个简单的Web Server

    编写一个简单的Web Server其实是轻而易举的.如果我们只是想托管一些HTML页面,我们可以这么实现: 在VS2013中创建一个C# 控制台程序 编写一个字符串扩展方法类,主要用于在URL中截取文 ...

  9. javascript编写一个简单的编译器(理解抽象语法树AST)

    javascript编写一个简单的编译器(理解抽象语法树AST) 编译器 是一种接收一段代码,然后把它转成一些其他一种机制.我们现在来做一个在一张纸上画出一条线,那么我们画出一条线需要定义的条件如下: ...

随机推荐

  1. 类的高级：访问修饰符、封装、静态类成员static、内部类；

    访问修饰符: 公开访问(public):对所有子类,非子类访问: 受保护的(protected):只有同包子类.非子类.不同包子类可访问,不同包非子类不可访问: 私有的(private):只有本类可访 ...

  2. 【JAVA】【Eclipse】出现This element neither has attached source nor attached Javadoc...的解决方法

    This element neither has attached source nor attached Javadoc and hence no Javadoc could be found Ec ...

  3. MySQL5.6安装步骤

    MySQL5.6安装步骤(windows7/8_64位) 1. 下载MySQL Community Server 5.6.11 2. 解压MySQL压缩包 将以下载的MySQL压缩包解压到自定义目录下 ...

  4. HttpResponseMessage和HttpResponseException （转）

    Web API 中提供了 HttpResponseMessage 与 HttpResponseException 用于处理返回讯息,HttpResponseMessage 用于返回一个来自于客户端的请 ...

  5. Hive安装

    一.下载:http://hive.apache.org/,选择合适的版本,Hive 1.X版本要求Hadoop2.x以上版本,Jdk1.7以上 这里选择1.2.1版本 二.安装jdk 略 三.安装Ha ...

  6. phoenix将hdfs数据导入hbase

    http://phoenix.apache.org/bulk_dataload.html

  7. 编程模式之观察者模式(Observer)

    观察者模式由四个角色组成:抽象主题角色,抽象观察者角色,具体主题角色,抽象观察者角色,具体观察者角色. 抽象主题角色(Subject):把所有的观察者角色的引用保存在一个集合中,可以有任意数量的观察者 ...

  8. html5 01

    (1)Html 5的概念 能做什么? 为什么学习? HTML5并不仅仅只是做为HTML标记语言的一个最新版本,更重要的是它制定了Web应用开发的一系列标准,成为第一个将Web做为应用开发平台的HTML ...

  9. 树莓派使用MJPG-Streamer实现网络监控

    http://blog.sina.com.cn/s/blog_abd39cc70102vrdt.html ——————————————————————————————————————————————— ...

  10. awk实现join

    awk 有时确实比较省事,做些简单的文本处理,还是很方便的,在这介绍下两个文件的join的操作. 原始文本 bb.txt a 10 b 12 cc.txt a 11 b 13 c 15 awk joi ...