山东大学web技术课程教学ppt4

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
山东大学计算机科学与技术学院
14
《网站规划与网页设 计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
7.视频文件的几个主要格式 – 续3
RealVideo格式(.RA/.RM/.RMVB):RealNetworks公司开
发的RealVideo 能把影像信息从视频服务器经流式传输 向用户计算机连续、实时传送。在RealMedia规范中主要 包括三类文件:RealAudio(用以传输接近CD音质的音频 数据)、RealVideo(用来传输连续视频数据)和 RealFlash(RealNetworks公司与Macromedia公司合作推 出的新一代高压缩比动画格式)。
山东大学计算机科学与技术学院
12
《网站规划与网页设 计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
7.视频文件的几个主要格式 – 续1
FLV格式(.flv):是FLASH VIDEO的简称,是一种新的视
频格式,原是Macromedia公司(现在是Adob公司)的流式 视频格式。由于文件极小、加载速度极快,特别适于 Internet视频,它有效地解决了视频文件导入Flash后, 使导出的SWF文件体积庞大,不能在网络上很好的使用等 缺点。目前各在线视频网站均采用此视频格式,如新浪 博客、56、土豆、酷6、youtube等,无一例外。FLV已经 成为当前视频文件的主流格式。 SWF格式(.swf):Swf (shock wave flash) 原是 Macromedia公司(现是ADOBE公司)的动画设计软件 Flash的专用格式,是一种支持矢量和点阵图形的动画文 件格式,广泛应用于网页设计、动画制作等领域,swf文 件通常也被称为Flash文件。swf普及程度很高,现在超 过99%的网络使用者都可以读取swf档案,但浏览器必须 安装Adobe Flash Player插件。
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
第4章 多媒体与Web设计
山东大学计算机科学与技术学院
《网站规划与网页设计》
《网站规划与网页设 计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
概 述
多媒体网站的重要性
Web多媒体设计原则
动画与Web设计
山东大学计算机科学与技术学院
9
《网站规划与网页设 计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
6.视频与Web设计:Web嵌入视频播放–续1
山东大学计算机科学与技术学院
10
《网站规划与网页设 计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
6.视频与Web设计:Web视频客户端播放软件,例如 PPStream、PPLive和PPMate、TVAnts等 – 续2
山东大学计算机科学与技术学院
13
《网站规划与网页设 计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
7.视频文件的几个主要格式 – 续2
MPEG格式(.MPEG/.MPG/.DAT) :MPEG文件格式是运动图
像压缩算法的国际标准,它包括 MPEG-1,MPEG-2, MPEG-3和MPEG-4,几乎所有的计算机平台共同支持,其 压缩效率非常高,同时图像和音响的质量也非常好。 MPG-1,1.5 Mbps,VCD是MPEG1其中的一个标准。以 每秒30帧(30fps)的速度提供352x240的视频分辨率。 MPEG-2,DVD,HDTV(高清晰电视广播)。MPEG-2 的 压缩算法压缩一部120分钟长的电影可以到压缩到4到 8GB的大小,图象质量要比MPEG-1高。 MPEG-3(.MP3),此标准也是从早期的 MPEG 工作的基 础上发展而来的。它是一种音频压缩技术,是 MPEG1 和 MPEG-2 规范的一部分。 MPEG-4(.MP4)具有优于MPEG-2两倍的音视频编解码能 力。特点是压缩比高、成像清晰,容量小,一部DVD9碟,可以存贮10多部高清晰MPEG4网络电影。
山东大学计算机科学与技术学院
《网站规划与网页设 计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
3.动画与Web设计
动画是利用人的视觉暂留特性,快速播放一系列
连续运动变化的图形图像,也包括画面的缩放、 旋转、变换、淡入淡出等特殊效果。 动画是由一系列静态画面连续地播放形成的,每 个动画页面称为帧(Frame),一秒钟动画所包含的 帧数称为帧速率(fps),计算机上的动画一般达到 15fps时,播放就已经很流畅了。(DVD帧速率: 30fps;电影帧速率:24fps) 通过动画可以把抽象的内容形象化,使许多难以 理解的内容变得生动有趣。 确保动画和内容紧密关联,网页应该浑然一体, 切忌Web动画是一个孤立个体,合理使用动画可以 达到事半功倍的效果。
山东大学计算机科学与技术学院
16
《网站规划与网页设 计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
9. 音频格式
.mid:“MIDI”是乐器的数字化接口的缩写,用于
在音乐器材、合成器和计算机之间交换音乐信息 的标准协议。MIDI 的最大特点是文件长度很小, 但声音机械,一般用于背景音乐,不适合网上广 播。 .ra/.rm/.ram:RealNetworks 格式的文件扩展名 有RA、RM、RAM, RA、RM文件是真正存储数据的 文件;RA、RM格式的文件既有音频,也有视频; .mp3 : 它 是 一 种 音 频 压 缩 技 术 , 是 MPEG-1 和 MPEG-2 规 范 的 一 部 分 。 1991 年 , 德 国 的 Fraunhofer 学院开发出 MP3。MP3 使用感知音频 编码压缩 CD 音质的声音,得到的保真度几乎一 模一样。 山东大学计算机科学与技术学院
山东大学计算机科学与技术学院
7
《网站规划与网页设 计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
5.常见的动画设计效果
①条幅信息循环水平滚动播出 ②新闻通知等标示色彩图案交替显示(跳动与闪动) ③纵向滚动新闻通知的标题超链接信息 ④沿某一定轨迹运动的悬浮通知 ⑤多幅新闻照片或风光照片的循环切换 ⑥某些元素的色彩循环动画 ⑦元素的缓慢旋转,旋转结束标示网页或图片等下 载完成 ⑧元素的闪烁、淡入、淡出、爆炸与组合 ⑨图像之间的过渡与变形 ⑩子导航的弹出以及与主题相关的Flash动画
8.音频与Web设计
内嵌音频:内嵌音频是一种“音频流”技术,
内嵌在HTML网页中,用于背景音乐、视频伴音 或Flash动画伴音等,不能下载,除非网站整体 需要,否则不要内嵌音频。允许用户下载。 可下载音频:将音频文件完全下载到用户客户 端后,使用Windows Media Player或 RealOnePlayer等媒体播放器进行播放,用户可 以对音频完全控制:回放、暂停、停止、音量 等,如MP3音乐等,Flash由内嵌压缩音频。 流式音频:缓存,“实时”播放。 播放工具:RealOne Player, MidiaPlayer
视频与Web设计
音频与Web设计
多媒体需要考虑的问题
山东大学计算机科学与技术学院
2
《网站规划与网页设 计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
1.多媒体重要性
文本、图形、图像、动画和声音等组合为多媒体


网站 纯文本Web网站几乎不存在 Web因为多媒体成为最具活力和吸引力的媒体 多媒体可以补充网站的视觉设计、音调和消息 多媒体的网页会导致网页下载减过慢,造成网站 浏览品质下降。 多媒体需要大带宽、浏览器插件或第三方应用程 序的支持 多媒体、网站品质、带宽和插件的关系 时间因素:珍惜Web用户时间-时刻吸引用户
山东大学计算机科学与技术学院
《网站规划与网页设 计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
1.多媒体重要性 – 续
山东大学计算机科学与技术学院
《网站规划与网页设 计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
2.多媒体Web设计原则
根据网站主题选择多媒体 重视网络带宽,慎用视频 网页应避免使用背景音频 避免网页使用零乱的动画 网页中避免使用滚动文本 网站中避免使用特别插件 网站拒绝最新最耀眼技术 避免网站设计的版权侵害 珍惜Web用户时间-时刻吸引用户
WMV格式(.WMV):WMV又是一种独立于编码方式的在
Internet上实时传播多媒体的技术标准,Microsoft公司 希望用其取代QuickTime之类的技术标准以及WAV、AVI之 类的文件扩展名。
山东大学计算机科学与技术学院
15
《网站规划与网页设 计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
山东大学计算机科学与技术学院
8
《网站规划与网页设 计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
6.视频与Web设计
Web视频具有时序性与丰富的信息内涵,常用于交待事物的




发展过程,视频类似于电影和电视,有声有色,在多媒体 中充当起重要的角色。 Web视频是一个正在发展和非常有前途的技术,但现在频带 还不足够的宽,因此,Web视频的品质很低,实时播放使用 的还是比较少。 Web视频一般分辨率低、像素少、帧速率低、尺寸小,Web 视频观看品质比有限电视差很多,比电影的品质就更差了 电影的品质是Web视频追求的目标。 实时直播主要有视频会议、远程教育、视频聊天、视频电 话、Web TV直播、Web 电影直播、Web监控视频、电视台 Web直播等; 录像点播或下载播放主要有Web电影点播、Web电视点播、 广告小视频、录制节目点播等等。
山东大学计算机科学与技术学院
11
《网站规划与网页设 计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
7.视频文件的几个主要格式
AVI格式(.avi):Microsoft公司开发的一种数字音频与
视频文件格式。视音频交错同步播放,支持256色和RLE 压缩,但并未限定压缩标准,因此,兼容性差,文件较 大,不同压缩算法生成的AVI文件,必须使用相应的解压 缩算法才能播放出来。目前主要应用在多媒体光盘上, 用来保存电影、电视等各种影像信息,不适宜Web视频, 但有时也出现在Internet上,供用户下载、欣赏新影片 的精彩片断。 ASF格式(.ASF):Microsoft公司推出的ASF高级流格式是 一个在Internet上实时传播多媒体的技术标准,ASF 是 存储同步多媒体数据的可扩展文件格式,它支持通过各 种网络和协议传送数据。主要优点:本地或网络回放、 可扩充的媒体类型、部件下载以及扩展性等。
17
《网站规划与网页设 计》
普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材
9. 音频格式 – 续
.wav:Windows 使用“波形音频”(WAV)文件格式将
声音存储为波形。Windows Media Player 就可以播 放使用各种编解码器压缩的以及存储为.wav 文件的 音频内容。 .mov/.qt:Apple Computer 开发了 QuickTime 文件 格式,以创建、编辑、发布和查看多媒体文件。 QuickTime格式可以包括视频、动画、图形、3D 和虚 拟现实内容。 .au:Unix音频文件是使用 UNIX 生成的声音文件。 .wma:“Windows Media音频”(.wma)文件是包括使 用WMA编解码器压缩的音频的“高级流格式”(.asf) 文件
山东大学计算机科学与技术学院
6
《网站规划与网教材 重点大学计算机专业系列教材
4.最常使用的基本动画类型
GIF动画:对GIF 图形格式的一种扩展,有多幅静
态GIF图片组合而成,它制作简单,并得到了浏览 器的广泛支持。 JavaScript 或VBScript 创建动画:这些作为客 户端使用的脚本语言,使用时不需要服务器任何 形式的介入,并且可使用浏览器支持的各种图像 格式。 翻转动画(Rollovers):翻转动画主要用于按扭、 图像或者网页上的其他指定区域,当用户鼠标滑 过时触发动作,翻转动画通常用于导航元素,给 用户创建交互事件,也可以是一个超级链接。 Flash动画:在使用时还需要下载Flash插件。 Adobe Flash现在已是Web动画的事实工业标准。
相关文档
最新文档