第十章流媒体技术.ppt

《第十章流媒体技术.ppt》由会员分享，可在线阅读，更多相关《第十章流媒体技术.ppt（48页珍藏版）》请在三一文库上搜索。

1、第10章 流媒体在网络中的应用,本章内容：,流媒体基本概念 流媒体文件格式 网页基础知识 流媒体在网页中的发布与应用,10.1 流媒体基本概念,10.1.1流媒体技术概述 流媒体（Streaming Media）技术 特点 应用,10.1 流媒体基本概念,10.1.1流媒体技术概述 流媒体（Streaming Media）技术,流媒体技术就是把连续的视频信息经过压缩处理后形成影音文件放上网站服务器，让用户一边下载一边观看，而不要等整个文件下载后才可以观看的网络传输技术。,10.1 流媒体基本概念,10.1.1流媒体技术概述 特点,启动延时大幅度缩短 对系统缓存容量的需求降低 采用特定的实时传输

2、协议 数据压缩技术的改进,10.1 流媒体基本概念,10.1.1流媒体技术概述 应用,流媒体技术广泛用于多媒体新闻发布、在线直播、网络广告、电子商务、视频点播、远程教育、远程医疗、网络电台、实时视频会议等互联网信息服务的方方面面。 流媒体技术的应用将为网络信息交流带来革命性的变化，对人们的学习、工作和生活方式产生深远影响。,10.1 流媒体基本概念,10.1.2流媒体文件格式 指支持采用流式传输及播放的媒体格式。,表10-1 三家公司使用的流媒体文件格式及相关信息,10.1 流媒体基本概念,10.1.3流媒体传输协议 指在数据传输中发送方和接受方必须遵守的规则。,包括： 实时传输协议（RTP）

3、与实时传输控制协议（RTCP） 实时流协议（RTSP） 资源预留协议（RSVP） 多用途因特网邮件扩展协议（MIME）,10.1 流媒体基本概念,10.1.3流媒体传输协议 实时传输协议（RTP）与实时传输控制协议（RTCP）,实时传输协议RTP（Real-time Transport Protocol）是Internet上针对多媒体数据流的一种传输协议。它通常使用UDP协议来传输数据，但也可以在TCP或者ATM等其他协议上工作。它把文件分成若干数据包进行传输，数据包包含多媒体数据、时间标志和队列等部分。,10.1 流媒体基本概念,10.1.3流媒体传输协议 实时流协议（RTSP）,实时流协议

4、RTSP（Real-time Streaming Protocol）定义了一对多应用程序如何有效地通过IP网络传输多媒体数据。RTSP协议是应用级协议，它实时控制数据的发送，可以保持客户端与传输流业务服务器之间的固定连接，客户机和服务器都可以发出请求，实现双向通信。,10.1 流媒体基本概念,10.1.3流媒体传输协议 资源预留协议（RSVP）,资源预留协议RSVP（Resource Reservation Protocol）是一种IP网络中的信令协议，它与路由协议相结合来实现对网络传输服务质量的控制。一旦建立预留，RSVP协议会为请求服务提供可靠的路由器和主机状态。,10.1 流媒体基本概念

5、,10.1.3流媒体传输协议 多用途因特网邮件扩展协议（MIME）,MIME（Multipurpose Internet Mail Extension）不仅用于电子邮件，还能用来标记Internet上传输的任何文件类型。 Web服务器和浏览器都是基于HTTP协议的，而HTTP内建有MIME。HTTP正是通过MIME来标记Web上众多的多媒体文件格式的。Web服务器和浏览器就是用MIME识别流媒体并进行相应的处理。,10.1 流媒体基本概念,10.1.4 流媒体的发布 把流媒体文件在网络上发布出去，供用户观看和收听。,发布方案： 流媒体服务器(Windows Media Server) Web服

6、务器,10.1 流媒体基本概念,10.1.4 流媒体的发布,方案1：流媒体服务器(Windows Media Server),在Windows系统平台上的一种流媒体服务器发布方案。用于Windows Media流媒体的发布。,客户端通过在Windows Media Player中选择菜单“文件打开URL”命令，在弹出对话框中输入一个流媒体服务器的网址，单击“确定”，然后播放器连接到流媒体服务器中的内容，播放流媒体内容。,10.1 流媒体基本概念,10.1.4 流媒体的发布,方案2：Web服务器,将包含流媒体文件超链接的网页文件和制作好的流媒体文件存储在Web服务器上。在客户端用户启动浏览器，在

7、地址栏输入Web服务器的网页文件的URL，就可以访问包含流媒体文件超链接的网页，单击流媒体的超链接就可以在网页中边下载边观看流媒体文件的视频内容了。,10.2 网页基础知识,10.2.1 网页的基本概念,打开浏览器在地址栏输入一个网站的地址，浏览器中就会显示出相应网站网页的内容。,例如： http:/ http:/,10.2 网页基础知识,10.2.2 网页与HTML 网页是利用HTML编写的一个文本文件 文件的扩展名是：.html 或.htm HTML Hypertext Markup Language，超文本标记语言,10.2 网页基础知识,10.2.2 网页与HTML 网页是利用HTML

8、编写的一个文本文件 文件的扩展名是：.html 或.htm 通过网页浏览器打开网页文件才能看到设计的实际效果。,10.2 网页基础知识,10.2.2 网页与HTML HTML(Hypertext Markup Language，超文本标记语言)是用于描述网页文档的一种标记语言。,HTML提供了将声、文、图结合在一起、综合表达信息的强有力的手段。HTML利用信息资源统一定位器URL来表示超链接，并在文本内指向其他网络资源。它能使用户将文档中的文字和图像与其他文档链接起来，而不论这些文档存放在什么地方，用户只需在具有链接的文字或图像上单击一下，就可将网上与其相关联的有关信息查找出来并显示在屏幕上。

9、,10.2 网页基础知识,10.2.2 网页与HTML 生成网页文件的方式,一种是用任何一种文本编辑器手工编写HTML代码； 另一种是借助一些辅助软件来编写，如使用Adobe公司的Dreamweaver或者微软公司的Expression Web等网页制作软件。,10.2 网页基础知识,10.2.2 网页与HTML 创建、编辑、浏览和查看网页文件,网页就是一个利用HTML编写的一个文本文件，可以用任何文本编辑软件创建、编辑，只是网页文件的扩展名为“.htm”或“.html”。通过网页浏览器打开网页文件才能看到设计的实际效果。 用浏览器打开任意一个网页，然后选择浏览器菜单中的“查看源文件”命令，这

10、时会自动打开记事本程序，显示的就是这个网页的HTML源文件。,10.2 网页基础知识,10.2.3 网页文件结构,示例1： 用记事本程序创建一个网页文件，介绍网页文件的建立过程。并依次介绍文件中标记的作用。 源代码见下一页,10.2 网页基础知识,10.2.3 网页文件结构, 这是一段HTML代码 望庐山瀑布 李白 日照香炉生紫烟，遥看瀑布挂前川。 飞流直下三千尺，疑是银河落九天。 ,10.2 网页基础知识,10.2.3 网页文件结构,网页效果图,由例1可知，无论希望在网页中显示文字或插入图片，都是利用相应的HTML标记来完成的。HTML标记控制了网页内容的编排。,10.2 网页基础知识,10

11、.2.4 网页源文件的获取 直接查看源文件 保存浏览的网页,HTML标记并不复杂，可是要做出一个精美的网页并不容易，这需要较长时间的实践。在这个过程中，除了要多动手，还要多看多思考。看优秀的网页是怎么设计、怎么制作的。查看网页源文件和对应效果是学习网页设计的好方法。,10.2 网页基础知识,10.2.5 网页的制作 HTML标记分类 HTML的元素的表示格式 网页上的超链接 URL的组成 在网页中插入图片,10.2 网页基础知识,10.2.5 网页的制作 HTML标记分类 HTML对不同的媒体信息使用标记（Tag）来控制达到预期的显示效果。,10.2 网页基础知识,10.2.5 网页的制作 H

12、TML标记分类,10.2 网页基础知识,10.2.5 网页的制作 HTML标记分类,10.2 网页基础知识,10.2.5 网页的制作 HTML标记分类,10.2 网页基础知识,10.2.5 网页的制作 HTML标记分类,10.2 网页基础知识,10.2.5 网页的制作 HTML标记分类,10.2 网页基础知识,10.2.5 网页的制作 HTML标记分类,10.2 网页基础知识,10.2.5 网页的制作 HTML标记分类,10.2 网页基础知识,10.2.5 网页的制作 HTML的元素的表示格式,(1) 文本 适用于基本标记、标题标记、文本标记和表格标记等。 如：李白,10.2 网页基础知识,1

13、0.2.5 网页的制作 HTML的元素的表示格式,(2) 文本 这种格式适用于文档属性标记、字体设置标记、超级链接标记、图形元素标记、表格属性标记、框架标记和表单属性等。在大多数标记中均可以加入属性控制，属性的作用是帮助html标记进一步控制html文件的内容。如果一个标记里使用了多个属性，各个属性间以空格来分隔。 如： 日照香炉生紫烟，遥看瀑布挂前川。 ,10.2 网页基础知识,10.2.5 网页的制作 HTML的元素的表示格式,(3) 这种语法仅适用于一些特殊的元素，比如段落元素p，其作用是通知浏览器在此处分段，因为不需要界定作用范围，所以它没有结尾标记。为保持语法上的严谨，在HTML3.

14、0标准中，也定义了标记,它用于需要界定作用范围的段落，比如增加对齐方式属性的段落。,10.2 网页基础知识,10.2.5 网页的制作 网页上的超链接,通过网页所提供的链接功能，用户可以链接到网络上的其他网页。 建立超链接所使用的HTML标记为标记。超链接的文本内容和超链接所指向的目标地址是超链接最重要的两个要素。基本的超链接的结构格式如下： 文本,10.2 网页基础知识,10.2.5 网页的制作 网页上的超链接,如： 百度搜索 腾讯门户网站 在和标记之间的内容就是在网页中被设定为超链接的文本内容。href属性是必要属性，用来放置超链接的目标地址，可以是本网站内部的某个HTML文件，也可以是外部

15、网站某个网页的URL地址。,10.2 网页基础知识,10.2.5 网页的制作 URL的组成 每个HTML文件在互联网上都有唯一的地址，该地址的全称为“统一资源定位器”URL（Uniform Resource Laocator）。,10.2 网页基础知识,10.2.5 网页的制作 在网页中插入图片,图片是网页不可缺少的元素，巧妙地在网页中使用图片可以为网页增色不少，这里主要介绍网页中常用的图像交换格式（GIF）和静态图像压缩标准格式（JPG）两种图片格式。,10.2 网页基础知识,10.2.5 网页的制作 在网页中插入图片,【例10.2】在网页中插入图像。 代码如下： 插入图片实例 插入图片实例

16、 ,10.2 网页基础知识,10.2.6在静态网页中嵌入流媒体,流媒体与Web网页结合有两种基本方式：页面链接和页面嵌入。,页面链接是通过单击网页上的链接，从而调用客户机系统自带的流媒体播放器来播放流媒体文件。这种情况下，打开的流媒体播放器是独立于Web网页之外的。,10.2 网页基础知识,10.2.6在静态网页中嵌入流媒体,页面嵌入是将媒体播放器的插件嵌入到Web页中，这时播放器成为页面的一个元素，影片或声音无间隙地内嵌在网页中，当页面打开时便可自动播放。这种方法的好处是：首先，设计者可以完全控制播放器的外观和功能，可以设计播放器的大小和在页面中的位置，使用按钮选择控制播放器的功能，与页面实

17、现无缝结合。其次，通过页面脚本语言JavaScript或VBScript来控制播放器，实现自定义的播放器外观和特殊功能如快进、暂停、全屏播放等。,10.3在网站中发布流媒体,10.3.1创建Web服务器,WEB服务器也称为WWW(World Wide Web)服务器，主要功能是提供网上信息浏览服务。创建Web服务器是在网上发布网页的基本条件。在Windows XP系统中，默认情况下，在系统初始安装时都不会安装IIS，因此需将这些组件添加到系统中去。,10.3在网站中发布流媒体,10.3.2设置虚拟目录,WEB服务器安装好之后，网站默认主目录为：C:Inetpubwwwroot，把设计好的网站文

18、件复制到此文件夹中，打开浏览器在地址栏中输入“http:/loacalhost/index.htm”，回车，就可以显示网站首页index.htm的内容。若要建立更多的网站，还需要设置虚拟目录。每一个虚拟目录相当于一个网站。,10.3.3发布及测试网页,发布网页就是把制作好的网页和流媒体文件资料复制到Web服务器的虚拟目录中，打开浏览器在地址栏中输入“http:/localhost/虚拟目录名/网站首页的文件名”，即可在浏览器中浏览网页的内容。上例网站地址中的localhost表示本机域名。,本章小结,流媒体技术的应用实现了人们在网上流畅地观看视频的需求。 实现流媒体的关键技术：一是采用高效的数据压缩算法压缩数据量巨大的多媒体数据形成流媒体文件，二是采用支持流媒体实时传输的网络协议。 网页设计需要熟悉HTML语言，本章编写的网页使用“记事本”文本编辑器即可完成。 在网上发布你的网页和流媒体作品需要建立Web服务器。在Windows XP上安装和设置IIS是一种最简单易行的建立Web服务器的方法。,