Html5之高级-5 HTML5音频处理(在H5中播放音频编程实现音频播放器)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Html5之高级-5 HTML5音频处理(在H5中播放音频编程实现音频播放器)相关的知识,希望对你有一定的参考价值。

一、在html5中播放音频


audio 元素

    - audio元素可以实现在HTML页面中嵌入音频内容,该元素的属性可以设置是否自动播放、预加载及循环播放等

    - audio元素提供了播放、暂停和音量控件来控制音频

技术分享

    - 使用audio元素提供三种音频格式的文件:MP3、Ogg、Wav

        - MP3: 采用mpeg音频解码器

        - Ogg: 采用ogg音频解码器

        - Wav: 采用wav音频解码器

技术分享

    - 语法结构

技术分享


audio 属性

    - audio 元素支持以下属性

        - src: 指定播放文件的URL,可通过<source>

        - controls:可激活各浏览器提供的默认页面

        - autoplay:加载音频后自动播放

        - loop:设置该属性后,会反复播放该音频

        - preload:缓存设置


二、编程实现音频播放器


参考: http://jasonteach.blog.51cto.com/5192112/1758040 编程实现视频播放器


总结:本章内容主要介绍了下HTML5音频处理(H5中播放音频、编程实现音频播放器)


本文出自 “技术交流” 博客,谢绝转载!

以上是关于Html5之高级-5 HTML5音频处理(在H5中播放音频编程实现音频播放器)的主要内容,如果未能解决你的问题,请参考以下文章

H5 音频

如何用HTML5向网页中插入音频

HTML5的在线视频播放方案

H5 拖放

在 html5 音频元素到达播放结束前 5 秒执行 Javascript 代码

HTML5 Audio的兼容性问题和优化