扫码关注官方订阅号
* 音视频处理 * 视频处理 * 基本内容 * 使用flash技术处理html页面中的视频内容 * 包含音频、动画、网页游戏等 * 特点 * 浏览器原生不支持(ie浏览器要求安装activex组件) * 性能不好(不能过多地使用) * 智能移动端并不支持flash技术 * 命运 * flash的母公司adobe公开宣布放弃 * 目前用于替代flash技术最好的选择 - html5 * 几乎所有浏览器原生支持元素 * 性能更高 * 智能移动端支持非常好 * 如何实现视频处理 * 元素 * 如果当前浏览器不支持元素 * 在元素内编写提示内容 * 属性 * src - 引入视频文件的路径 * autoplay - 自动播放视频 * 使用元素 * 支持的视频格式 * mp4格式 - 目前比较主流 * ogg格式 - 多用于移动端 * webm格式 - 目前唯一支持超高清格式 * 在html页面中支持超高清格式(html5) * 由google公司推出的 * 元素的属性 * src - 引入视频文件的路径 * autoplay - 自动播放视频 * controls - 提供控制面板 * loop - 表示循环播放 * poster - 设置播放之前显示的图片 * width和height - 设置显示视频的宽度和高度 * preload - 预加载 * auto - (默认值)自动加载 * none - 不加载 * metadata - 只加载视频的基本信息(不含视频) * 高级内容 * 方法 * play() - 播放视频 * pause() - 暂停视频 * load() - 加载视频 * canplaytype() - 判断当前浏览器是否支持指定视频格式 * 事件 * play - 当视频播放时被触发 * pause - 当视频暂停时被触发 * ended - 当视频结束时被触发 * error - 当视频错误时被触发 * canplay - 不考虑整体情况下,只要能播放,就播放 * canplaythrough - 考虑整体情况下,只要能播放,就播放 * progress - 表示视频加载的进度 * 属性 - 用于判断 * paused - 表示判断当前视频是否暂停 * 返回boolean值,true表示暂停,false表示播放 * ended - 表示判断当前视频是否播放完毕 * 返回boolean值,true表示完毕 * duration - 表示当前视频的时长 * currenttime - 表示当前视频播放的位置 * 音频处理 * 元素 * 第一种 - 只支持一种音频格式 * 第二种 - 同时引入多个音频格式 * 元素支持音频格式 * mp3 - 目前最主流 * ogg * wav
HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部