ImageVerifierCode 换一换
格式:PPTX , 页数:17 ,大小:2.82MB ,
文档编号:3371210      下载积分:18 文币
快捷下载
登录下载
邮箱/手机:
温馨提示:
系统将以此处填写的邮箱或者手机号生成账号和密码,方便再次下载。 如填写123,账号和密码都是123。
支付方式: 支付宝    微信支付   
验证码:   换一换

优惠套餐
 

温馨提示:若手机下载失败,请复制以下地址【https://www.163wenku.com/d-3371210.html】到电脑浏览器->登陆(账号密码均为手机号或邮箱;不要扫码登陆)->重新下载(不再收费)。

已注册用户请登录:
账号:
密码:
验证码:   换一换
  忘记密码?
三方登录: 微信登录  
下载须知

1: 试题类文档的标题没说有答案,则无答案;主观题也可能无答案。PPT的音视频可能无法播放。 请谨慎下单,一旦售出,概不退换。
2: 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。
3: 本文为用户(三亚风情)主动上传,所有收益归该用户。163文库仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 本站仅提供交流平台,并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

版权提示 | 免责声明

1,本文(Web前端开发任务驱动式教程(HTML5+CSS3+JavaScript)任务17-视频与音频课件.pptx)为本站会员(三亚风情)主动上传,163文库仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。
2,用户下载本文档,所消耗的文币(积分)将全额增加到上传者的账号。
3, 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(发送邮件至3464097650@qq.com或直接QQ联系客服),我们立即给予删除!

Web前端开发任务驱动式教程(HTML5+CSS3+JavaScript)任务17-视频与音频课件.pptx

1、任务17 视频与音频第七单元 网页多媒体学习目标掌握嵌入音频嵌入视频1.网页支持的视频、音频格式2.视频与音频的DOM操作了解:学习目标任务目标实战演练制作音乐播放器任务目标强化训练制作视频播放网页知识准备1.嵌入视频n 嵌入视频:属性属性值含义说明srcurl地址要播放视频的URL。controlscontrols如果出现该属性,则向用户显示控件,比如播放按钮。autoplayautoplay如果出现该属性,则视频在就绪后马上播放。width像素值设置视频播放器的宽度。height像素值设置视频播放器的高度。looploop如果出现该属性,则当视频文件完成播放后再次开始播放。preloadp

2、reload如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用autoplay,则忽略该属性。posterurl地址当视频缓冲不足时,该属性值链接一个图像,并将该图像按照一定比例显示出来。知识准备2.嵌入音频n 嵌入音频:属性属性值含义说明srcurl地址要播放音频的URL。controlscontrols如果出现该属性,则向用户显示控件,比如播放按钮。autoplayautoplay如果出现该属性,则音频在就绪后马上播放。width像素值设置音频播放器的宽度。height像素值设置音频播放器的高度。looploop如果出现该属性,则当音频文件完成播放后再次开始播放。preloa

3、dpreload如果出现该属性,则音频在页面加载时进行加载,并预备播放。如果使用autoplay,则忽略该属性。知识准备3.source标签n source标签:没有一种视频格式或音频格式让所有的浏览器都支持,source标签用于指定多个备用的不同格式文件的路径,浏览器将使用第一个可识别的格式。您的浏览器不支持该播放文件。您的浏览器不支持该播放文件。知识准备4.视频与音频的DOM操作video和audio的方法方法含义load()加载媒体文件,为播放做准备。通常用于播放前的预加载,也会用于重新加载媒体文件。play()播放媒体文件。如果视频没有加载,则加载并播放;如果视频是暂停的,则变为播放。

4、pause()暂停播放媒体文件。canPlayType()测试浏览器是否支持指定的媒体类型。知识准备video和audio的属性属性含义currentSrc返回当前媒体的 URL。currentTime设置或返回媒体中的当前播放位置(以秒计)。duration返回媒体的长度(以秒计)。ended返回媒体的播放是否已结束。error返回表示媒体错误状态的 MediaError 对象。paused设置或返回媒体是否暂停。muted设置或返回是否关闭声音。volume设置或返回媒体的音量。height设置或返回媒体的高度值。width设置或返回媒体的宽度值。知识准备video和audio的事件事件含

5、义play当执行方法play()时触发。playing正在播放时触发。pause当执行了方法pause()时触发。timeupdate当播放位置被改变时触发。ended当播放结束后停止播放时触发。waiting在等待加载下一帧时触发。ratechange当媒体的播放速度已更改时触发。volumechange当音量已更改时触发。canplay当浏览器可以播放媒体时触发。canplaythrough当浏览器可在不因缓冲而停顿的情况下进行播放时触发。知识准备video和audio的事件事件含义durationchange当媒体的时长已更改时触发。loadstart当浏览器开始查找媒体时触发。prog

6、ress当浏览器正在下载媒体时触发。suspend当浏览器刻意不获取媒体数据时触发。abort当媒体的加载已放弃时触发。error当在媒体加载期间发生错误时触发。emptied当目前的播放列表为空时触发。stalled当浏览器尝试获取媒体数据,但数据不可用时触发。loadedmetadata当浏览器已加载媒体的元数据时触发。loadeddata当浏览器已加载媒体的当前帧时触发。seeked当用户已移动/跳跃到媒体中的新位置时触发。seeking当用户开始移动/跳跃到媒体中的新位置时触发。实战演练案例描述:设计并制作音乐播放器,网页效果和布局图如下。制作音乐播放器强化训练案例描述:设计并制作视频播放网页,网页效果和布局图如下。制作视频播放网页任务小结01嵌入视频02嵌入音频03DOM操作课后实训 制作如图所示的视频播放器。视频播放器没有控制栏,通过“播放/暂停”按钮控制。同时,“放大”按钮可以放大视频,“缩小”按钮可以缩小视频,“普通”按钮可以还原视频至默认大小。谢谢观看

侵权处理QQ:3464097650--上传资料QQ:3464097650

【声明】本站为“文档C2C交易模式”,即用户上传的文档直接卖给(下载)用户,本站只是网络空间服务平台,本站所有原创文档下载所得归上传人所有,如您发现上传作品侵犯了您的版权,请立刻联系我们并提供证据,我们将在3个工作日内予以改正。


163文库-Www.163Wenku.Com |网站地图|