《流媒体技术》PPT课件.ppt

《《流媒体技术》PPT课件.ppt》由会员分享，可在线阅读，更多相关《《流媒体技术》PPT课件.ppt（48页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

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

2、缓存容量的需求降低 3.采用特定的实时传输协议 4.数据压缩技术的改进 10.1 流媒体基本概念流媒体基本概念流媒体技术概述流媒体技术概述应用应用 流媒体技术广泛用于多媒体新闻发布、在线直播、网络广告、电子商务、视频点播、远程教育、远程医疗、网络电台、实时视频会议等互联网信息服务的方方面面。流媒体技术的应用将为网络信息交流带来革命性的变化，对人们的学习、工作和生活方式产生深远影响。10.1 流媒体基本概念流媒体基本概念流媒体文件格式流媒体文件格式指支持采用流式传输及播放的媒体格式。指支持采用流式传输及播放的媒体格式。公司公司产产品品文件文件扩扩展名展名服服务务器部分器部分客客户户机部分机部分M

3、icrosoftWindows MediaasfWindows Media ServerWindows Media PlayerwmvwmaReal NetworkReal SystemrmHelix ServerReal One PlayerrmvbraApplemovQuickTime Streaming ServerQuick Time Playerqt表表10-1 三家公司使用的流媒体文件格式及相关信息三家公司使用的流媒体文件格式及相关信息 10.1 流媒体基本概念流媒体基本概念流媒体传输协议流媒体传输协议 指在数据传输中发送方和接受方必须遵守的规则。指在数据传输中发送方和接受方必须遵

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

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

6、合来实现对网络传输服务质量的控制。一旦建立预留，RSVP协议会为请求服务提供可靠的路由器和主机状态。10.1 流媒体基本概念流媒体基本概念流媒体传输协议流媒体传输协议多用途因特网邮件扩展协议（多用途因特网邮件扩展协议（MIME）MIME（Multipurpose Internet Mail Extension）不仅用于电子邮件，还能用来标记Internet上传输的任何文件类型。Web服务器和浏览器都是基于HTTP协议的，而HTTP内建有MIME。HTTP正是通过MIME来标记Web上众多的多媒体文件格式的。Web服务器和浏览器就是用MIME识别流媒体并进行相应的处理。10.1 流媒体基本概念流

7、媒体基本概念10.1.4 流媒体的发布流媒体的发布 把流媒体文件在网络上发布出去，供用把流媒体文件在网络上发布出去，供用户观看和收听。户观看和收听。发布方案：发布方案：流媒体服务器流媒体服务器(Windows Media Server)Web服务器服务器10.1 流媒体基本概念流媒体基本概念10.1.4 流媒体的发布流媒体的发布 方案方案1：流媒体服务器流媒体服务器(Windows Media Server)在Windows系统平台上的一种流媒体服务器发布方案。用于Windows Media流媒体的发布。客户端通过在Windows Media Player中选择菜单“文件打开URL”命令，在弹

8、出对话框中输入一个流媒体服务器的网址，单击“确定”，然后播放器连接到流媒体服务器中的内容，播放流媒体内容。10.1 流媒体基本概念流媒体基本概念10.1.4 流媒体的发布流媒体的发布 方案方案2：Web服务器将包含流媒体文件超链接的网页文件和制作好的流媒体文件存储在Web服务器上。在客户端用户启动浏览器，在地址栏输入Web服务器的网页文件的URL，就可以访问包含流媒体文件超链接的网页，单击流媒体的超链接就可以在网页中边下载边观看流媒体文件的视频内容了。10.2 网页基础知识网页基础知识10.2.1 网页的基本概念网页的基本概念打开浏览器在地址栏输入一个网站的地址，浏览器中就会显示出相应网站网页

9、的内容。例如：例如：http:/10.2 网页基础知识网页基础知识10.2.2 网页与网页与HTML网页是利用HTML编写的一个文本文件文件的扩展名是：.html 或.htm HTMLHypertext Markup Language，超文本标记语言10.2 网页基础知识网页基础知识10.2.2 网页与网页与HTML网页是利用HTML编写的一个文本文件文件的扩展名是：.html 或.htm 通过网页浏览器打开网页文件才能看到设计的实际效果。10.2 网页基础知识网页基础知识10.2.2 网页与网页与HTML HTML(Hypertext Markup Language，超文本标记语言)是用于描

10、述网页文档的一种标记语言。HTML提供了将声、文、图结合在一起、综合表达信息的强有力的手段。HTML利用信息资源统一定位器URL来表示超链接，并在文本内指向其他网络资源。它能使用户将文档中的文字和图像与其他文档链接起来，而不论这些文档存放在什么地方，用户只需在具有链接的文字或图像上单击一下，就可将网上与其相关联的有关信息查找出来并显示在屏幕上。10.2 网页基础知识网页基础知识10.2.2 网页与网页与HTML生成网页文件的方式一种是用任何一种文本编辑器手工编写HTML代码；另一种是借助一些辅助软件来编写，如使用Adobe公司的Dreamweaver或者微软公司的Expression Web等

11、网页制作软件。10.2 网页基础知识网页基础知识10.2.2 网页与网页与HTML 创建、编辑、浏览和查看网页文件创建、编辑、浏览和查看网页文件网页就是一个利用HTML编写的一个文本文件，可以用任何文本编辑软件创建、编辑，只是网页文件的扩展名为“.htm”或“.html”。通过网页浏览器打开网页文件才能看到设计的实际效果。用浏览器打开任意一个网页，然后选择浏览器菜单中的“查看源文件”命令，这时会自动打开记事本程序，显示的就是这个网页的HTML源文件。10.2 网页基础知识网页基础知识10.2.3 网页文件结构网页文件结构示例1：用记事本程序创建一个网页文件，介绍网页文件的建立过程。并依次介绍文

12、件中标记的作用。源代码见下一页10.2 网页基础知识网页基础知识10.2.3 网页文件结构网页文件结构这是一段HTML代码望庐山瀑布 李白日照香炉生紫烟，遥看瀑布挂前川。飞流直下三千尺，疑是银河落九天。10.2 网页基础知识网页基础知识10.2.3 网页文件结构网页文件结构网页效果图网页效果图由例1可知，无论希望在网页中显示文字或插入图片，都是利用相应的HTML标记来完成的。HTML标记控制了网页内容的编排。10.2 网页基础知识网页基础知识10.2.4 网页源文件的获取网页源文件的获取直接查看源文件 保存浏览的网页 HTML标记并不复杂，可是要做出一个精美的网页并不容易，这需要较长时间的实践

13、。在这个过程中，除了要多动手，还要多看多思考。看优秀的网页是怎么设计、怎么制作的。查看网页源文件和对应效果是学习网页设计的好方法。10.2 网页基础知识网页基础知识10.2.5 网页的制作网页的制作HTML标记分类 HTML的元素的表示格式网页上的超链接 URL的组成 在网页中插入图片 10.2 网页基础知识网页基础知识10.2.5 网页的制作网页的制作HTML标记分类HTML对不同的媒体信息使用标记（Tag）来控制达到预期的显示效果。基本标签、标题标签、文本标签、链 接、格式排版、图形元素、表格、表格属性、框架、音频视频标记类型标记类型10.2 网页基础知识网页基础知识10.2.5 网页的制

14、作网页的制作HTML标记分类基本标签创建一个HTML文档设置文档标题以及其他不在WEB网页上显示的信息设置文档的可见部分标题标签将文档的题目放在标题栏中 文档整体属性设置背景颜色，使用名字或十六进制值 设置文本文字颜色，使用名字或十六进制值 设置链接颜色，使用名字或十六进制值设置已使用的链接的颜色，使用名字或十六进制值 10.2 网页基础知识网页基础知识10.2.5 网页的制作网页的制作HTML标记分类文本标签创建预格式化文本 创建最大的标题 创建最小的标题 创建黑体字创建斜体字 创建打字机风格的字体 创建一个引用，通常是斜体 加重一个单词（通常是斜体）加重一个单词（通常是加粗字体）设置字体大

15、小，从1到7 设置字体的颜色，使用名字或十六进制值10.2 网页基础知识网页基础知识10.2.5 网页的制作网页的制作HTML标记分类链 接创建一个超链接 创建一个自动发送电子邮件的链接 创建一个位于文档内部的靶位 创建一个指向位于文档内部靶位的链接 10.2 网页基础知识网页基础知识10.2.5 网页的制作网页的制作HTML标记分类格式排版创建一个新的段落 将段落按左、中、右对齐 插入一个回车换行符 从两边缩进文本 创建一个定义列表 放在每个定义术语词之前 放在每个定义之前 创建一个标有数字的列表 放在每个数字列表项之前，并加上一个数字 创建一个标有圆点的列表 放在每个圆点列表项之前，并加上

16、一个圆点 一个用来排版大块HTML段落的标签，也用于格式化表 10.2 网页基础知识网页基础知识10.2.5 网页的制作网页的制作HTML标记分类图形元素添加一个图像 排列对齐一个图像：左中右或上中下 设置围绕一个图像的边框的大小 加入一条水平线 设置水平线的大小（高度）设置水平线的宽度（百分比或绝对像素点）创建一个没有阴影的水平线10.2 网页基础知识网页基础知识10.2.5 网页的制作网页的制作HTML标记分类表格创建一个表格 开始表格中的每一行 开始一行中的每一个格子 设置表格头：一个通常使用黑体居中文字的格子 表格属性设置围绕表格的边框的宽度 设置表格格子之间空间的大小 设置表格格子边

17、框与其内部内容之间空间的大小 设置表格的宽度用绝对像素值或文档总宽度的百分比 or 设置表格格子的水平对齐（左中右）or 设置表格格子的垂直对齐（上中下）设置一个表格格子应跨占的列数（缺省为1）设置一个表格格子应跨占的行数（缺省为1）禁止表格格子内的内容自动换行 10.2 网页基础知识网页基础知识10.2.5 网页的制作网页的制作HTML标记分类音频视频设置网页的背景音乐，src属性设置音乐文件的URL设置自动调用客户机的插件播放多媒体文件，src属性设置的多媒体文件的URL。在网页中定义一个嵌入的对象。用于在网页中扩展多媒体应用，并方便设置对象的参数和数据。10.2 网页基础知识网页基础知识

18、10.2.5 网页的制作网页的制作HTML的元素的表示格式(1)文本适用于基本标记、标题标记、文本标记和表格标记等。如：李白10.2 网页基础知识网页基础知识10.2.5 网页的制作网页的制作HTML的元素的表示格式(2)文本这种格式适用于文档属性标记、字体设置标记、超级链接标记、图形元素标记、表格属性标记、框架标记和表单属性等。在大多数标记中均可以加入属性控制，属性的作用是帮助html标记进一步控制html文件的内容。如果一个标记里使用了多个属性，各个属性间以空格来分隔。如：日照香炉生紫烟，遥看瀑布挂前川。10.2 网页基础知识网页基础知识10.2.5 网页的制作网页的制作HTML的元素的表

19、示格式(3)这种语法仅适用于一些特殊的元素，比如段落元素p，其作用是通知浏览器在此处分段，因为不需要界定作用范围，所以它没有结尾标记。为保持语法上的严谨，在HTML3.0标准中，也定义了标记,它用于需要界定作用范围的段落，比如增加对齐方式属性的段落。10.2 网页基础知识网页基础知识10.2.5 网页的制作网页的制作网页上的超链接通过网页所提供的链接功能，用户可以链接到网络上的其他网页。建立超链接所使用的HTML标记为标记。超链接的文本内容和超链接所指向的目标地址是超链接最重要的两个要素。基本的超链接的结构格式如下：文本10.2 网页基础知识网页基础知识10.2.5 网页的制作网页的制作网页上

20、的超链接如：百度搜索 腾讯门户网站在和标记之间的内容就是在网页中被设定为超链接的文本内容。href属性是必要属性，用来放置超链接的目标地址，可以是本网站内部的某个HTML文件，也可以是外部网站某个网页的URL地址。10.2 网页基础知识网页基础知识10.2.5 网页的制作网页的制作URL的组成 每个HTML文件在互联网上都有唯一的地址，该地 址 的 全 称 为“统 一 资 源 定 位 器”URL（Uniform Resource Laocator）。10.2 网页基础知识网页基础知识10.2.5 网页的制作网页的制作在网页中插入图片 图片是网页不可缺少的元素，巧妙地在网页中使用图片可以为网页增

21、色不少，这里主要介绍网页中常用的图像交换格式（GIF）和静态图像压缩标准格式（JPG）两种图片格式。10.2 网页基础知识网页基础知识10.2.5 网页的制作网页的制作在网页中插入图片 【例10.2】在网页中插入图像。代码如下：插入图片实例 插入图片实例 10.2 网页基础知识网页基础知识在静态网页中嵌入流媒体在静态网页中嵌入流媒体流媒体与Web网页结合有两种基本方式：页面链接和页面嵌入。页面链接是通过单击网页上的链接，从而调用客户机系统自带的流媒体播放器来播放流媒体文件。这种情况下，打开的流媒体播放器是独立于Web网页之外的。10.2 网页基础知识网页基础知识在静态网页中嵌入流媒体在静态网页

22、中嵌入流媒体 页面嵌入是将媒体播放器的插件嵌入到Web页中，这时播放器成为页面的一个元素，影片或声音无间隙地内嵌在网页中，当页面打开时便可自动播放。这种方法的好处是：首先，设计者可以完全控制播放器的外观和功能，可以设计播放器的大小和在页面中的位置，使用按钮选择控制播放器的功能，与页面实现无缝结合。其次，通过页面脚本语言JavaScript或VBScript来控制播放器，实现自定义的播放器外观和特殊功能如快进、暂停、全屏播放等。10.3在网站中发布流媒体在网站中发布流媒体创建创建Web服务器服务器WEB服务器也称为WWW(World Wide Web)服务器，主要功能是提供网上信息浏览服务。创建

23、Web服务器是在网上发布网页的基本条件。在Windows XP系统中，默认情况下，在系统初始安装时都不会安装IIS，因此需将这些组件添加到系统中去。10.3在网站中发布流媒体在网站中发布流媒体设置虚拟目录设置虚拟目录 WEB服务器安装好之后，网站默认主目录为：C:Inetpubwwwroot，把设计好的网站文件复制到此文件夹中，打开浏览器在地址栏中输入“http:/loacalhost/index.htm”，回车，就可以显示网站首页index.htm的内容。若要建立更多的网站，还需要设置虚拟目录。每一个虚拟目录相当于一个网站。发布及测试网页发布及测试网页 发布网页就是把制作好的网页和流媒体文件

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