项目8 网页中视频和音频的应用

任务8网页中视频和音频的应用Web前端开发项目式教程HTML5+CSS3网页中视频和音频的应用任务8任务描述

现在很多网站上都会使用到视频和音频，HTML5引入了专门的标签来展示视频和音频的内容。向网页嵌入视频内容可以通过<video>标签来实现，而嵌入音频内容则可以使用<audio>标签。这两个标签都是HTML5中新增的标签，它们的属性和方法在很多方面相似，但也有些差异。<audio>标签用于嵌入音频内容，如音乐；<video>标签则用于嵌入视频内容，如电影等。学习目标知识目标了解<video>标签支持的视频格式了解<audio>标签支持的音频格式掌握在网页中引入音视频内容的标准方法及其属性技能目标能够在网页中熟练加入音频内容能够在网页中熟练加入视频内容能够根据需要对音视频内容进行属性设置素质目标培养学生勇于探索未知的精神培养学生的网络素养，指导学生在网络使用中正确处理和学习信息引导学生对网络行为作出正确决策，学会保护自己的隐私安全知识点Web上的视频01

Web上的音频02网页中视频和音频的应用任务8一、

Web上的视频HTML5规定了一种通过<video>标签来包含视频的标准方法。<video>标签目前仅支持三种主要的视频文件格式：Ogg、MPEG-4、WebM等。Ogg：指带有Theora视频编码和Vorbis音频编码的Ogg文件。MPEG-4：指含有H.264视频编码和AAC音频编码的MPEG-4文件。WebM：指带有VP8视频编码和Vorbis音频编码的WebM文件。<video>标签支持的视频格式一、

Web上的视频<videosrc="视频文件"controls="controls"></video>

语法格式一、

Web上的视频src和controls是<video>标签的基本属性，src属性用于设置视频文件的路径，controls属性用于为视频提供播放控件，并且<video></video>标签之间还可以插入文字，用于浏览器不支持视频的时候显示。

<video>标签的基本属性一、

Web上的视频一、

Web上的视频音频格式指的是计算机内播放或处理的音频文件的格式。在HTML5中，支持的音频格式主要包括OggVorbis、MP3和WAV等。OggVorbis：是一种音频压缩格式，类似于MP3等音乐格式，扩展名是“.ogg”。MP3：是一种音频压缩技术，全称是动态影像专家压缩标准音频层面3（MovingPic‐tureExpertsGroupAudioLayerIII，MP3）。WAV：是录音时使用的Windows标准文件格式，文件的扩展名为“.wav”，数据格式为PCM或压缩型，属于无损音乐格式。

<audio>标签支持的音频格式二、

Web上的音频AIF：与WAV格式类似，AIF格式的音频文件也具有较好的声音品质，大多数浏览器都支持该格式，并且无需安装插件。MIDI：这种格式一般用于器乐类的音频文件。

<audio>标签支持的音频格式二、

Web上的音频HTML5同样规定了一种标准的方式来播放音频。语法格式如下：<audiosrc="音频文件路径"controls>您的浏览器不支持audio标签。</audio>

语法格式二、

Web上的音频二、

Web上的音频任务

网页中视频和音频的应用任务实现任务效果百度视频页面.任务

网页中视频和音频的应用任务8任务小结在网页中嵌入