Html5之高级-5 HTML5音频处理(在H5中播放音频、编程实现音频播放器)
2016-03-29 15:37
609 查看
一、在HTML5中播放音频
audio 元素 - audio元素可以实现在HTML页面中嵌入音频内容,该元素的属性可以设置是否自动播放、预加载及循环播放等 - audio元素提供了播放、暂停和音量控件来控制音频
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/21/f00f948f5251ca357747820970fed7e7.png)
- 使用audio元素提供三种音频格式的文件:MP3、Ogg、Wav
- MP3: 采用mpeg音频解码器
- Ogg: 采用ogg音频解码器
- Wav: 采用wav音频解码器
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/21/0ff3cbcba6b7fe2ce2346ee40203bdd5.png)
- 语法结构
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/21/6970ee5433a7c13ada46d26e31568af1.png)
audio 属性 - audio 元素支持以下属性 - src: 指定播放文件的URL,可通过<source>
- controls:可激活各浏览器提供的默认页面
- autoplay:加载音频后自动播放
- loop:设置该属性后,会反复播放该音频
- preload:缓存设置
二、编程实现音频播放器
参考: http://jasonteach.blog.51cto.com/5192112/1758040 编程实现视频播放器
总结:本章内容主要介绍了下HTML5音频处理(H5中播放音频、编程实现音频播放器)
audio 元素 - audio元素可以实现在HTML页面中嵌入音频内容,该元素的属性可以设置是否自动播放、预加载及循环播放等 - audio元素提供了播放、暂停和音量控件来控制音频
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/21/f00f948f5251ca357747820970fed7e7.png)
- 使用audio元素提供三种音频格式的文件:MP3、Ogg、Wav
- MP3: 采用mpeg音频解码器
- Ogg: 采用ogg音频解码器
- Wav: 采用wav音频解码器
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/21/0ff3cbcba6b7fe2ce2346ee40203bdd5.png)
- 语法结构
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/21/6970ee5433a7c13ada46d26e31568af1.png)
audio 属性 - audio 元素支持以下属性 - src: 指定播放文件的URL,可通过<source>
- controls:可激活各浏览器提供的默认页面
- autoplay:加载音频后自动播放
- loop:设置该属性后,会反复播放该音频
- preload:缓存设置
二、编程实现音频播放器
参考: http://jasonteach.blog.51cto.com/5192112/1758040 编程实现视频播放器
总结:本章内容主要介绍了下HTML5音频处理(H5中播放音频、编程实现音频播放器)
相关文章推荐
- Android Manifest 用法
- Android学习笔记(二九):嵌入浏览器
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 小白观察:微软释放出其基于 Chromium 的 Edge 浏览器
- Linux 上最好的五款音乐播放器
- 5 个很酷的音乐播放器
- DVI 视频接口图文解析
- 浏览器 cookie 限制
- 电影系统调用“宝丽通”加速播放器,任意拖动不会卡
- 玩转浏览器IE7的5个顶级使用技巧
- 字符集导致的浏览器跨站脚本攻击分析
- 在线FLV播放器实现方法
- 更改IE浏览器的图标
- 如何创建ajax对象并兼容多个浏览器
- C#实现语音视频录制-附demo源码
- css ie6 ie7 ff的CSS hack使用技巧
- CSS 浏览器的等宽空格问题解决
- 区分IE6,IE7,firefox的CSS hack
- 编写C++程序使DirectShow进行视频捕捉