HTML5多媒体audio和video(一)
来源:互联网 发布:python统计字母个数 编辑:程序博客网 时间:2024/09/21 08:58
通常浏览器通过安装flash来实现网页音视频的播放。
HTML5新增了audio和video元素来进行音视频的播放,从而减少了对flash的依赖。
audio对音频的支持
HTML5 规定了一种通过 audio 元素来包含音频的标准方法。
目前audio元素支持以下三种音频格式:
video对视频的支持
HTML5 规定了一种通过 video 元素来包含视频的标准方法。
目前video元素支持以下三种视频格式:
audio和video播放音视频实例
<!Doctype html><html><head><title>HTML5多媒体</title><meta charset="utf-8"/></head><body> <div> <audio id="myAudio" controls="controls"> <source src="resource/传奇.mp3" type="audio/mpeg"> 您的浏览器不支持audio </audio> </div> <div> <video id="myVideo" controls="controls"> <source src="resource/手语.mp4" type="video/mp4"> 您的浏览器不支持video </video> </div></body></html>
上面是最简单的播放音频和视频的示例代码,当然mp3和mp4资源文件要自己找啦~
下面是我的示例代码运行效果,音频和视频都播放起来了!
1 0
- HTML5多媒体audio和video(一)
- HTML5多媒体audio和video(二)
- HTML5-多媒体 video +audio
- html5多媒体Video/Audio
- <html5>video和audio
- HTML5 Video和Audio
- HTML5 audio 和 video
- Html5的多媒体元素:audio video
- HTML5多媒体的之audio和video。JavaScript控制进度条播放进度
- HTML5 网页音频和视频(<audio> 和 <video>)
- html5 音频和视频(audio And video)
- HTML5-音频audio和视频video标签
- html5声频audio和视频video
- HTML5 - video标签和audio标签
- HTML5 - video标签和audio标签
- 浅谈HTML5中的<audio>和<video>
- HTML5 -video和audio的设置
- HTML5中的video元素和audio元素
- 基本算法之一——直接插入排序
- 怎么用maven创建一个Java Web项目?
- PHP 浏览器禁用cookie,解决session变量不能传值
- TabHost
- Scroller的使用,让View随心所欲的移动
- HTML5多媒体audio和video(一)
- android UI TextView setText显示服务器返回数据
- RAM,ROM和Flash memory等存储器的比较
- 求连续子数组的最大和
- Wine虚拟技术及其使用
- JSON
- IOS-TextField详解
- dp 杂练/专练 round2
- solr5.5.0服务启动与停止