《HTML5+CSS3网页制作》课件——模块八 网页多媒体.pptxVIP

模块八网页多媒体任务1视频与音频网页制作CSSHTML

知识准备——视频与音频实战演练——制作“音乐播放器”网页视频与音频0201进阶训练——制作“视频播放”网页03动手实践——制作“自制视频播放器”网页04

1.了解视频与音频的编码与解码2.了解视频与音频的文件类型3.掌握audio元素的语法、常用属性，能够在网页中添加音频文件4.掌握video元素的语法、常用属性，能够在网页中添加音频文件5.了解使用DOM控制audio和video对象视频与音频学习目标：

1.培养负责任的数字公民，使其在多媒体内容创作和分享中尊重版权、保护隐和选择适宜性内容。2.培养创新意识和勇于探索精神，使其将个人专业成长与国家科技发展战略紧密结合，为国家科技进步贡献力量。3.引导成为终身学习者，使其保持好奇心，主动学习新技术和工具，培养适应未来职场变化的能力。视频与音频思政目标：

1知识准备--课程引入

2想象一下我们需要多少数据来存储未经压缩的视频：全色彩的高清视频（1920x1080）每一帧为8,294,400字节。按照典型的每秒30帧的传播速度，高清视频每秒钟会占用248,832,000字节（约249MB）。一个相当典型的30分钟视频会议将需要约447.9GB的存储空间，而2小时的电影则需要将近1.79?TB（也就是1790GB）?的存储空间。“运输一个装满水和鱼的鱼缸，运输时可以仅保留最少的水，‘放水’即为编码压缩，‘重新添水’为解码重建。1知识准备--编码与解码1知识准备--编码与解码

编解码器编解码器全称所支持的容器格式AACAdvancedAudioCodingMP4,?ADTS,?3GPFLACFreeLosslessAudioCodecMP4,?Ogg,?FLACMP3MPEG-1AudioLayerIIIMP4,?ADTS,?MPEG,?3GPOpusOpusWebM,?MP4,?OggVorbisVorbisWebM,?Ogg1知识准备--编码与解码

3AAC是高级音频编码(AdvancedAudioCoding)的缩写，AAC可以在比MP3文件缩小30%的前提下提供更好的音质。FLAC?(?FreeLosslessAudioCodec?)是一种无损音频编解码器，由X基金会.?它提供了良好的压缩率，而不会损失音频保真度；由于压缩算法是专门为音频设计的，因此与使用通用压缩算法相比，它可以提供更好的结果。FLAC是需要原始质量和音调准确性的较小音频效果文件以及音乐存档的绝佳选择。MP3是“MPEG-1音频层3”的简称，由国际标准化组织(ISO)和国际电信联盟(ITU-T)共同提出，可以将音频以1：10甚至1：12的压缩率进行压缩，能够在音质丢失很小的情况下把文件压缩到更小的程度。而且还非常好的保持了原来的音质。正是因为MP3体积小，音质高的特点使得MP3格式几乎成为网上音乐的代名词。Opus是一种完全开放的音频格式；可以有效地处理低复杂度的音频，支持多种压缩算法，甚至可以在同一个音频文件中使用多个算法。它是一款出色的全方位音频编解码器，可用于您的Web应用程序，可用于您想到的任何音频任务。Vorbis是一种新的音频压缩格式，由Xiph基金会提出，类似于MP3等技术，其最大优势是支持多声道。1知识准备--编码与解码

41知识准备--编码与解码

4H.264/AVC是由国际标准化组织(ISO)和国际电信联盟(ITU-T)共同提出，是以H.26x系列命名的视频编码标准之一，它是继MPEG4之后的新一代视频压缩技术。H.265/HEVC是新一代视频编解码国际标准，由ISO与ITU共同制定，它主要是为在保证视频质量的情况下提高压缩率、降低网络带宽，它支持更大的视频尺寸，更精细的编码控制，用于对视频要求更高的场合。VP8是第八代的On2视频技术，由Google提出，能以更小的数据容量，提供更高质量的视频，而且只需较小的处理能力即可播放视频。VP9是Google开发的旧版VP8标准的继承者。与VP8一样，VP9是完全开放且免版税的。其编解码性能与AVC相当或略快，但质量更好。VP9的编码视频质量可与类似比特率的HEVC相媲美。AV1是开放媒体联盟（AllianceforOpenMedia）推出的专门用于网络视频。它实现了比VP9和H.265/HEVC更高的数据压缩率，比AVC高出50%之多。AV1是完全免版税的，专为video元素和WebRTC使用而设计。1知识准备--编码与解码

4德