Web前端开发技术与实践 第6章:多媒体 阮晓龙 13938213680/ rxl@hactcmeducn http://web.51xueweb.cr 问南中医学院管理信息工程学科 河南中医学院网络信息中心 2015.9
Web前端开发技术与实践 第6章：多媒体 阮晓龙 13938213680 / rxl@hactcm.edu.cn http://web.51xueweb.cn 河南中医学院管理信息工程学科 河南中医学院网络信息中心 2015.9 1
2 本章主要内容 口多媒体基础 口HTML5音频与视频 口播放控制 口解决兼容性问题 米 口字幕 ¤案例:使用播放器插件实现视频播放 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 本章主要内容 多媒体基础 HTML5音频与视频 播放控制 解决兼容性问题 字幕 案例：使用播放器插件实现视频播放 2
3 1多媒体基础 1.1什么是多媒体 口媒体( Media)是人与人之间实现信息交流的中介,简单地说, 就是信息的载体,也称为媒介。 ¤多媒体( Multimedia)就是多重媒体的意思,可以理解为直接 作用于人感官的文字、图形、图像、动画、声音和视频等各种 媒体的统称,即多种信息载体的表现形式和传递方式 ¤Web上使用的多媒体技术,就是利用计算机把文字、图形、影像、 动画、声音及视频等媒体信息都数位化,并将其整合在一定的 交互式界面上,使计算机具有交互展示不同媒体形态的能力。 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.多媒体基础 媒体（Media）是人与人之间实现信息交流的中介，简单地说， 就是信息的载体，也称为媒介。 多媒体（Multimedia）就是多重媒体的意思，可以理解为直接 作用于人感官的文字、图形、图像、动画、声音和视频等各种 媒体的统称，即多种信息载体的表现形式和传递方式。 Web上使用的多媒体技术，就是利用计算机把文字、图形、影像、 动画、声音及视频等媒体信息都数位化，并将其整合在一定的 交互式界面上，使计算机具有交互展示不同媒体形态的能力。 3 1.1什么是多媒体
4 1多媒体基础 1.2音频编码与音频格式 口音频编码: ■将声音调制成模拟信号,通过抽样、量化、编码三个步骤再经算法 的方式将连续变化的模拟信号转换为数字编码。 口音频解码: ■将已经编码好的音频还原成连续变化的模拟信号,并给扬声器传递 声音信号。 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.多媒体基础 音频编码： 将声音调制成模拟信号，通过抽样、量化、编码三个步骤再经算法 的方式将连续变化的模拟信号转换为数字编码。 音频解码： 将已经编码好的音频还原成连续变化的模拟信号，并给扬声器传递 声音信号。 4 1.2音频编码与音频格式
1多媒体基础 1.2音频编码与音频格式 口编解码器包括有损和无损两种 ■无损文件太大,不适合在Web中进行播放。 有损编解码器在编码的过程中会丢失一些原来的音频信息。如果希 望编码后的音频能够凊晰,需要有良好的音频源、优秀的编码算法、 高性能的编码软件和怡当的编码参数。 口常见的音频格式 CD、WAVE、AIFF、AU、MPEG、MP3、MPEG4、MIDI、 Realaudio、 VQF、 Ogg Vorbis、AMR、WMA等。 河南中医学院/阮晓龙713938213680/http://web.51xueweb.cn
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.多媒体基础 编解码器包括有损和无损两种： 无损文件太大，不适合在Web中进行播放。 有损编解码器在编码的过程中会丢失一些原来的音频信息。如果希 望编码后的音频能够清晰，需要有良好的音频源、优秀的编码算法、 高性能的编码软件和恰当的编码参数。 常见的音频格式： CD、WAVE、AIFF、AU、MPEG、MP3、MPEG-4、MIDI、RealAudio、 VQF、OggVorbis、AMR、WMA等。 5 1.2音频编码与音频格式