(本科)第8章 视频和音频ppt课件.pptx
《(本科)第8章 视频和音频ppt课件.pptx》由会员分享,可在线阅读,更多相关《(本科)第8章 视频和音频ppt课件.pptx(42页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、课程主讲人:第8章 视频和音频第8章 视频和音频网页设计与制作(HTML+CSS)(第2版)学习目标/Target了解HTML5支持的视频和音频格式,能够说出这些视频、音频格式的特点。掌握视频嵌入方法,能够在HTML5页面中添加视频文件。掌握音频嵌入方法,能够在HTML5页面中添加音频文件。了解调整视频宽度和高度的方法,能够在网页中控制视频窗口大小。章节概述/ Summary在网络传输速度越来越快的今天,视频和音频技术已经被越来越广泛的应用在网页设计中,比起静态的图片和文字,视频和音频可以为用户提供更直观、丰富的信息。本章将对网页中视频和音频的相关知识进行详细讲解。目录/Contents8.1
2、视频音频嵌入技术概述8.2视频文件和音频文件的格式8.3嵌入视频和音频8.4CSS控制视频的宽高8.5阶段案例制作音乐播放界面视频音频嵌入技术概述8.1 视频音频嵌入技术概述了解使用第三方插件和使用HTML5中的标签嵌入视频和音频的区别,能够说出它们的优缺点。学习目标8.1 视频音频嵌入技术概述在HTML5出现之前并没有将视频和音频嵌入到页面的标准方式,多媒体内容在大多数情况下都是通过第三方插件或集成在Web浏览器的应用程序置于页面中。8.1 视频音频嵌入技术概述VSVS复杂冗长简单精炼8.1 视频音频嵌入技术概述在HTML5提供的标签中,标签用于为页面添加视频,标签用于为页面添加音频。到目前
3、为止,绝大多数的浏览器已经支持HTML5中的标签和标签。浏览器支持版本IE9.0及以上版本Firefox(火狐浏览器)3.5及以上版本Opear(欧朋浏览器)10.5及以上版本Chrome(谷歌浏览器)3.0及以上版本Safari(苹果浏览器)3.2及以上版本视频文件和音频文件的格式8.2 视频文件和音频文件的格式了解网页支持的视频、音频格式,能够根据各类格式的特点,为网页选择合适的视频、音频文件。学习目标8.2 视频文件和音频文件的格式视频格式OggMPEG WebM8.2 视频文件和音频文件的格式音频格式oggmp3wav嵌入视频和音频8.3 嵌入视频和音频通过上一节的学习,相信读者对HT
4、ML5中视频和音频的相关知识有了初步了解。接下来,本节将进一步讲解视频和音频的嵌入方法,使读者能够熟练运用标签和标签在网页中嵌入视频和音频文件。8.3.1 在HTML5中嵌入视频掌握嵌入视频的方法,能够在网页中嵌入视频。学习目标8.3.1 在HTML5中嵌入视频在HTML5中,标签用于定义视频文件,它支持三种视频格式。 设置视频文件的路径 控制是否显示播放控件8.3.1 在HTML5中嵌入视频在标签中还可以添加其他属性,进一步优化视频的播放效果。属性值描述autoplayautoplay当页面载入完成后自动播放视频。looploop视频结束时重新开始播放。preloadauto/meta/no
5、ne如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 autoplay,则忽略该属性。posterurl当视频缓冲不足时,该属性值链接一个图像,并将该图像按照一定的比例显示出来。8.3.2 在HTML5中嵌入音频掌握嵌入音频的方法,能够在网页中嵌入音频。学习目标8.3.2 在HTML5中嵌入音频在HTML5中,标签用于定义音频文件,它支持三种音频格式。 设置音频文件的路径 为音频提供播放控件8.3.2 在HTML5中嵌入音频在标签中还可以添加其他属性,来进一步优化音频的播放效果属性值描述autoplayautoplay当页面载入完成后自动播放音频。looploop音频结束时重新
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 本科第8章 视频和音频ppt课件 本科 视频 音频 ppt 课件
限制150内