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

　　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. 跨域的get和post的区别

    GET和POST是HTTP请求的两种基本方法,要说它们的区别,接触过WEB开发的人都能说出一二.最直观的区别就是GET把参数包含在URL中,POST通过request body传递参数.当你在面试中被 ...

  2. 交换芯片收发包的 DMA 实现原理

    交换芯片支持:报文.计数.表项3种DMA类型,其中报文DMA包括系统从芯片到接收报文或发送报文到交换芯片,计数DMA用来从片上获取统计计数,表项DMA功能分为SLAM DMA(系统内存DMA到片上交换 ...

  3. 初学Python之os模块

    OS模块是一个系统操作模块,是对本机的一些操作 os.name   显示操作系统,window:nt ,Linux/Unix:posix. os.getcwd()  显示运行的工作路径 os.list ...

  4. 从不同方面寻找bug

    从小学生的角度,为了熟能生巧,更好掌握知识,那就需要不断的练习,然而app没有重新开始的功能,要退出再重新进入,很麻烦.还有,如果小学生只想做一类的计算,例如,只想做减法或乘法,那么它就不能满足. 我 ...

  5. 《大道至简》第三章读后感+ppt课后作业

                   大道至简读后感 ——第三章团队 古人云“三人为众”,众则是指团体或团队.对于一个团队而言,重要的是凝聚力,大家能在一起把拳头握紧那么产生的力量就不紧紧是能以1+1=2 来 ...

  6. css响应有media，js响应有这种

    比如,我不想在移动端执行某js特效可以参考(function(doc, win) { var screenWidth = 0, size = 'M', root = doc.documentEleme ...

  7. python基础知识2——基本的数据类型——整型，长整型，浮点型，字符串

    磨人的小妖精们啊!终于可以归置下自己的大脑啦,在这里我要把--整型,长整型,浮点型,字符串,列表,元组,字典,集合,这几个知识点特别多的东西,统一的捯饬捯饬,不然一直脑袋里面乱乱的. 对于Python ...

  8. Eclipse设置、调优、使用(转自)

    转自http://yuanzhifei89.iteye.com/blog/974082 eclipse调优 一般在不对eclipse进行相关设置的时候,使用eclipse总是会觉得启动好慢,用起来好卡 ...

  9. SQL优化 CREATE STATISTICS

    CREATE STATISTICS 语法: https://msdn.microsoft.com/zh-cn/library/ms188038.aspx STATISTICS优化中的使用案例: htt ...

  10. SQL Lazy Spool Eager Spool

    https://www.simple-talk.com/sql/learn-sql-server/showplan-operator-of-the-week-lazy-spool/ The Lazy ...