05_唐兆民

分类号：******学校代码：11460学号：08404405南京晓庄学院本科生毕业论文（设计）网页中嵌入流媒体的实现Implementation of webpage embedded in streaming media所在系（院）：新闻传播学院学生：唐兆民指导教师：叶晓山研究起止日期：二○一一年十一月至二○一一年十一月论文独创性声明本人郑重声明：1.坚持以“求实、创新”的科学精神从事研究工作。

2.本论文是我个人在导师指导下进行的研究工作和取得的研究成果。

3.本论文中除引文外，所有实验、数据和有关材料均是真实的。

4.本论文中除引文和致谢的内容外，不包含其他人或其它机构已经发表或撰写过的研究成果。

5.其他同志对本研究所做的贡献均已在论文中作了声明并表示了谢意。

作者签名：日期：目录前言 (5)1、流媒体技术的基础 (5)1.1流媒体的概念 (5)1.2流媒体技术 (6)1.3流媒体的特点 (6)1.4流媒体系统的构成 (6)2、流媒体在网页中嵌入的方法 (7)2.1在网页中嵌入R EAL控件 (7)Real控件嵌入网页的制作过程 (7)效果预览图 (8)2.2在网页中嵌入微软M EDIA控件 (9)Media控件嵌入网页的制作过程 (9)效果预览图 (9)2.3网页中插入F LASH视频 (10)Flash`软件的介绍 (10)Flash控件嵌入网页具体操作步骤： (10)编辑网页 (10)效果预览 (11)3．结论 (11)4．参考文献 (12)5．致谢 (12)摘要：本文在简介流媒体技术及其在网页中嵌入技术的基础上，结合实际简述了“Real控件嵌入视频窗口”“ Windows Media控件嵌入视频窗口”“嵌入Flash窗口”，并通过打开网页等方式进行了相关测试，从实践角度阐述了流媒体在实现网页嵌入中的技术和方法。

关键词：流媒体技术网页嵌入技术Real Windows Media Flash窗口Abstract: Based on the introduction of streaming media technology in webpage based on embedded technology, combined with the actual introduced" Real control embedded video window."" Windows Media control embedded video window"" embedded Flash window", and through the open webpage, tests, from the angle of practice, elaborated in the realization of streaming media the technology and method of embedded webpage.Key words: streaming media technology embedded technology Real WindowsMedia Flash webpage window网页中嵌入流媒体的实现唐兆民（南京晓庄学院 08教育技术学）前言随着Internet的发展, 流媒体技术已逐渐成为Internet中视音频传输的核心技术, 这一新技术的出现影响着人类的学习和生活，人们对网络所提供的服务的要求也越来越高, 已经从最初的文字方式发展到图片、声音到今天的多媒体影像。

1、流媒体技术的基础1.1流媒体的概念所谓流媒体是指采用流式传输的方式在Internet播放的媒体格式。

流媒体又叫流式媒体，它是指商家用一个视频传送服务器把节目当成数据包发出，传送到网络上。

用户通过解压设备对这些数据进行解压后，节目就会像发送前那样显示出来。

目前，在网上传输音视频（A/V）等多媒体信息主要有下载和流式传输两种方案。

一方面，由于音、视频文件一般都较大，所以需要的存储容量也较大；同时由于受网络带宽的限制，下载这样的文件常常需要几分钟甚至几小时，所以采用下载方法的时延也就很大。

而采用流式传输时，声音、图像或动画等时基媒体由音、视频服务器向用户计算机连续、实时传送，只需经过几秒或数十秒的启动延时而不必等到整个文件全部下载完毕即可观看。

当音像等时基媒体在客户机上播放时，文件的剩余部分将在后台从服务器上继续下载。

流式传输不仅使启动时延大大缩短，而且不需要太大的缓存容量，避免了等待整个文件全部下载完毕之后才能观看的缺点。

1.2 流媒体技术流媒体技术并不是单一的技术, 它是融合了网络技术之后所产生的技术, 所以流媒体技术是一种可以使音频、视频和其他多媒体在Internet及Intranet上以实时的、无需下载等待的方式进行播放的技术。

它涉及到流媒体数据的采集、压缩、存储、传输以及网络通信等多项技术。

在流媒体技术出现以前, 多媒体文件需要从服务器上下载后才能播放, 由于网络带宽的限制, 采用下载方式要花数分钟甚至数小时, 延迟很大, 对于视频点播、远程教学等对实时性要求很高的多媒体应用来说, 显然不适合。

而流媒体技术采用的是边接收边播放的原则, 即数据流由流媒体服务器向用户计算机连续、实时地传送, 用户计算机不必等到整个文件全部下载完毕, 只需经过几秒或几十秒的启动延时即可进行观看, 采用一边下载、一边播放、一边丢弃的方式,节省了用户计算机存储空间, 有效地利用了带宽。

这种技术不仅使启动延时成十倍、百倍地缩短, 而且不需要太大的缓存容量。

1.3 流媒体的特点与传统的下载一回放方式相比, 这种对多媒体文件边下载边播放的流媒体传输方式具有以下突出的优点：①启动延时大幅度地缩短。

用户不用等待所有内容下载到本地才开始浏览, 而是采取一边下载一边播放的策略, 所以大幅度缩短了等待时间。

②对系统缓存容量的需求明显降低。

虽然流媒体传输仍需要缓存, 但由于不需要把所有内容全都下载到缓存中, 因此对缓存的要求大大降低。

③以特定的实时传输协议。

采用了RTSP等协议, 更加适合动画、视音频在网上的实时传输。

1.4 流媒体系统的构成流媒体系统由以下六个方面构成:①前端编码压缩工具包用于创建、捕捉和编辑多媒体数据, 形成流媒体数据格式。

②流媒体数据流媒体数据实体。

③流媒体服务器存放和控制流媒体数据的硬件及软件平台。

④传输网络适合多媒体传输协议甚至是实时传输协议的网络。

⑤客户端播放器供客户端播放、浏览流媒体文件的应用程序。

⑥流媒体传输协议几种主要支持流媒体传输的协议有, 针对多媒体数据流的实时传输协议RTP(Real-time Transport Protocol)、与RTP一起提供流量控制和拥塞控制服务的实时传输控制协议RTCP(Real-time Transport Control Protocol),以及定义了“一对多”的应用程序如何有效地通过IP网络传送多媒体数据的实时流式协议RTSP(Real-time Transport Streaming Protocol)。

2、流媒体在网页中嵌入的方法在网页中嵌入流媒体是网站中一个重要的内容，国内外知名视频网站几乎无一例外的都采用了在网页中嵌入流媒体技术。

构建这种模式的网站是要深入研究的一个课题，涉及流媒体格式及其转换、ActiveX控件使用方法、控件参数的设定、网页中控件的嵌入、内容的链接等问题。

我们通过在网页中嵌入Media Player 控件、Real Player控件和Flash对象来实现。

2.1在网页中嵌入Real控件Real控件嵌入网页，可以通过编写代码实现，也可以使用FrontPage等网页制作工具实现。

其实，网页制作工具产生的也代码。

Real控件嵌入网页的制作过程1）运行FrontPage2003并新建一个网页，在网页上方输入“网页嵌入Real控件”字样并设定字的字号、颜色等属性。

2）点击菜单栏上的“插入/Web组件”，接着在左边“组件类型”列表框中选择“高级控件”，在右边“选择一个控件”列表框中选择“ActiveX控件”，点击“下一步”，再点击“自定义”按钮打开“自定义ActiveX控件列表”窗口，从中找到并选中“RealPlayer G2 Control”，点击“确定”按钮返回“插入Web组件”窗口，从“选择一个控件”列表框中选中刚刚添加的“RealPlayer G2 Control”控件，点击“完成”按钮，一个Real控件已经被插入到了网页中了。

但是我们看到的是一个控件的控制部分，没有视频窗口。

3）参数设置。

打开“ActiveX控件属性”窗口，接着点击“参数”选项卡，再点击“添加”按钮，从名称后面的下拉列表框中选择“Controls”参数，在数据后面的文本框中输入“ImageWindow”，点击“确定”返回网页设计窗口，这时ActiveX控件面板已经变成了黑色的RealPlayer视频窗口。

4）按照第3步的操作方法，修改“General Properties”选项卡下的Source URL值为电影地址，这个地址可以是本机的绝对地址，如File://D:\VOD/1.rm，也可以是网络地址，其格式如：“http://IP 地址（域名）/路径/文件名.扩展名”。

（这个问题要注意）5）修改“Object标记”选项卡下的视频宽度和高度值分别为320、240，这是绝大多数电影的标准尺寸。

当然也可以在设计中直接用鼠标拉。

6）修改“AUTOSTART”参数的值为-1，让电影在打开网页时就自动播放；7）添加“Console”参数的值为“Clip1”，定义控制台的名称。

通过以上工作，我们可以浏览一下这个网页了。

不过我们会发现，这个窗户没有控制面板。

下面第7步将解决添加控制面板的问题。

8）复制建立好的视频窗口到原窗口的下方，将下方窗口“Controls”参数修改为“ControlPanel”，高度设置为30，这样就为视频窗口添加了一个控制台，可以进行暂停、播放、停止、拖动、改变声音大小等操作了。

至此，一个嵌入Real控件的网页制作完毕，切换至预览视图窗口，就可以看到设计效果了。

效果预览图2.2在网页中嵌入微软Media控件Media控件嵌入网页的制作过程1）运行FrontPage2003并新建一个网页，在网页上方输入“网页中嵌入Media控件”字样并设定字的字号、颜色等属性。

2）点击菜单栏上的“插入/Web组件”，接着在左边“组件类型”列表框中选择“高级控件”，在右边“选择一个控件”列表框中选择“ActiveX控件”，点击“下一步”，对话框中找到并选中“URL”，从中选择浏览，找到源播放视频。