任务10.1 HTML5 audio元素和video元素初步入门.pptxVIP

模块10网页多媒体设计任务10.1HTML5audio元素和video元素初步入门网页设计项目教程（HTML5+CSS3+JavaScript）

任务描述?介绍HTML5中audio与video元素的基础知识。?了解视频容器类型（MP4、WebM、AVI等）及其特点。?了解音频与视频编解码器的功能及浏览器支持情况。?掌握src属性（直接指定媒体URL）与source元素（多格式兼容）的用法。?通过任务实施，实现一个基础视频播放器，并掌握video元素的基本配置。

相关知识和技能任务10.1涵盖以下3个核心知识点：?10.1.1视频容器?10.1.2音频和视频编解码器?10.1.3audio/video元素的src属性与source元素

10.1.1视频容器视频容器如同“数字集装箱”，将编码后的音视频数据、元数据与辅助信息整合为统一的传输单元。?作用：封装音视频流、字幕、章节等，决定文件兼容性与扩展能力。?趋势：新一代容器支持多视点编码、空间音频等新兴媒体形态。?分类：ISOBMFF家族、开放标准容器、传统格式三大类。

10.1.1视频容器——ISOBMFF家族MP4（MPEG-4Part14）流媒体领域的事实标准。支持fMP4分片格式，是HLS、DASH等自适应协议的核心载体。MO