html5+ audio 模块
MUI播放音频 Audio模块用于提供音频的录制和播放功能，可调用系统的麦克风设备进行录音操作，也可调用系统的扬声器设备播放音频文件。通过plus.audio获取音频管理对象。

权限

"Audio": {

    "description": "访问音频设备"

}

录音

// 扩展API加载完毕，现在可以正常调用扩展API

function onPlusReady() {

    r = plus.audio.getRecorder();

}

function startRecord() {

    if ( r == null ) {

        alert( "Device not ready!" );

        return;

    }

    r.record( {filename:"_doc/audio/xx.amr"}, function () {//真机测试文件在/sdcard/Android/data/io.dcloud.HBuilder/.HBuilder/apps/HBuilder/doc下面（.HBuilder是隐藏的，要查看隐藏的文件）

        alert( "Audio record success!" );

    }, function ( e ) {

        alert( "Audio record failed: " + e.message );

    } );

}

这样录音就被保存下来了

播放录音

function player(){//播放音乐

    s = plus.audio.createPlayer( "_doc/audio/gg.mp3" );

    var num = s.getDuration();//获取音频总长度number

    setTimeout(function(){//延时获取，否则可能没有返回长度

        var num = s.getDuration();

        alert(num)

    },100)

    s.play( function () {//播放完成回调

        alert( "Audio play success!" );

    }, function ( e ) {//失败回调

        alert( "Audio play error: " + e.message );

    } );

}

暂停播放：

function pause(){//暂停播放

    s.pause();

}

恢复播放：

function resume() {//恢复播放

    s.resume();

}

跳到指定位置播放（快进）：

function seekTo(){

    s.seekTo(100);

}

完整测试代码：

<!DOCTYPE html>

<html>

    <head>

    <meta charset="utf-8">

    <title>Audio Example</title>

    <script type="text/javascript">

// 扩展API加载完毕后调用onPlusReady回调函数

document.addEventListener( "plusready", onPlusReady, false );

var r = null;

// 扩展API加载完毕，现在可以正常调用扩展API

function onPlusReady() {

    r = plus.audio.getRecorder();

}

function startRecord() {

    if ( r == null ) {

        alert( "Device not ready!" );

        return;

    }

    r.record( {filename:"_doc/audio/xx.amr"}, function () {//真机测试文件在/sdcard/Android/data/io.dcloud.HBuilder/.HBuilder/apps/HBuilder/doc下面（.HBuilder是隐藏的，要查看隐藏的文件）

        alert( "Audio record success!" );

    }, function ( e ) {

        alert( "Audio record failed: " + e.message );

    } );

}

function stopRecord() {

    r.stop();

}

function player(){//播放音乐

    s = plus.audio.createPlayer( "_doc/audio/gg.mp3" );

    var num = s.getDuration();//获取音频总长度number

    setTimeout(function(){//延时获取，否则可能没有返回长度

        var num = s.getDuration();

        alert(num)

    },100)

    s.play( function () {

        alert( "Audio play success!" );

    }, function ( e ) {

        alert( "Audio play error: " + e.message );

    } );

}

function pause(){//暂停播放

    s.pause();

}

function resume() {//恢复播放

    s.resume();

}

function seekTo(){

    s.seekTo(100);

}

    </script>

    </head>

    <body>

        <input type="button" value="Start Record" onclick="startRecord();"/>

        <br/>

        <input type="button" value="Stop Record" onclick="stopRecord();"/>

        <br />

        <input type="button" value="player" onclick="player();"/>

        <br />

        <input type="button" value="暂停" onclick="pause();"/>

        <br />

        <input type="button" value="恢复" onclick="resume();"/>

        <br />

        <input type="button" value="跳到指定位置" onclick="seekTo();"/>

</body>

</html>

MUI音乐播放html5+audio模块的更多相关文章

  1. 在iOS微信浏览器中自动播放HTML5 audio(音乐)的2种正确方式

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. 解决html5 audio iphone,ipd，safari不能自动播放问题

    html audio 在iPhone,ipd,safari浏览器不能播放是有原因滴 (在safri on ios里面明确指出等待用户的交互动作后才能播放media,也就是说如果你没有得到用户的acti ...

  3. 关于html5 audio 标签在ios系统上不能正常自动播放的解决办法

    由于 iOS Safari 限制不允许 audio autoplay, 必须用户主动交互(例如 click)后才能播放 audio, 因此我们通过一个用户交互事件来主动 play 一下 audio. ...

  4. HTML5 Audio时代的MIDI音乐文件播放

    大家都知道,HTML5 Audio标签能够支持wav, webm, mp3, ogg, acc等格式,但是有个很重要的音乐文件格式midi(扩展名mid)却在各大浏览器中都没有内置的支持,因为mid文 ...

  5. HTML5项目笔记4：使用Audio API设计绚丽的HTML5音乐播放器

    HTML5 有两个很炫的元素,就是Audio和 Video,可以用他们在页面上创建音频播放器和视频播放器,制作一些效果很不错的应用. 无论是视屏还是音频,都是一个容器文件,包含了一些音频轨道,视频轨道 ...

  6. 使用Audio API设计绚丽的HTML5音乐播放器

    HTML5 有两个很炫的元素,就是Audio和 Video,可以用他们在页面上创建音频播放器和视频播放器,制作一些效果很不错的应用. 无论是视屏还是音频,都是一个容器文件,包含了一些音频轨道,视频轨道 ...

  7. html5，audio音乐播放器

    最终,做了自己原来一直想要实现的事儿.得出的结果是,有些事儿一旦開始做了,那么它就并非非常难. 如今的我,正听着自己的播放器放出的<光辉岁月>写这篇周六清晨的博文.写的不是非常好.但也请各 ...

  8. html5 audio标签微信部分苹果手机不能自动播放音乐终极解决方案

    html5 audio标签微信部分苹果手机不能自动播放音乐终极解决方案 大家都知道需要在点击时候后 播放 ps:如果点击ajax 回来播放也不行,必须点击立即播放 要背景自动播放只能采取下面方案< ...

  9. html5 audio标签切换播放音乐的方法

    html5 audio标签切换播放音乐的方法<pre><audio id="music1" preload loop="loop">&l ...

随机推荐

  1. MVC學習網站

    http://www.cnblogs.com/haogj/archive/2011/11/23/2246032.html

  2. ios学习之UIWebView网页视图调整

    //先来一个可行的小Demo程序:结合searchBar的google搜索 #import <UIKit/UIKit.h> @interface ViewController : UIVi ...

  3. 5 -- Hibernate的基本用法 --3 Hibernate的体系结构

    ⊙ SessionFactory : 这是Hibernate的关键对象,它是单个数据库映射关系经过编译后的内存镜像,也是线程安全的.它是生成Session的工厂,本身需要依赖于ConnectionPr ...

  4. ios8 UITableView设置 setSeparatorInset:UIEdgeInsetsZero不起作用的解决办法

    在ios7中,UITableViewCell左侧会有默认15像素的空白.这时候,设置setSeparatorInset:UIEdgeInsetsZero 能将空白去掉. 但是在ios8中,设置setS ...

  5. iOS 添加Resource bundle target(静态库中使用图片等资源)

    一.首先将资源文件打包成bundle 新建工程:File -> New -> Project... -> OS X -> Framework & Library -&g ...

  6. form提交表单没接收到$_POST

    分享一个最近做项目遇到的奇葩经历: 很奇怪的,我在弄一个表单提交的时候,后台验证就报了非post提交错误 我就郁闷了,我form明明写的method为post,不可能是非post错误啊 经历反应测试, ...

  7. JSONP 劫持漏洞实例

    0x01 Jsonp简介 Jsonp(JSON with Padding) 是 json 的一种"使用模式",可以让网页从别的域名(网站)那获取资料,即跨域读取数据. 为什么我们从 ...

  8. python卸载或者安装时提示There is a problem with this Windows Installer package.A program required for this install to complete could not be run. Contact your support personnel or package vendor

    1.卸载时报这个错,先进行下修复,再执行卸载: 2.安装时报这个错,安装的过程中,没有取得管理员的权限. Msi格式的文件,点右键后,也没有“以管理员身份运行”的菜单项,那怎么办呢?你可以点“开始”菜 ...

  9. async await yield

    问题:async 和yield有什么区别? 无奈只能用“书到用时方恨少”来解释这个问题了.其实也是自己从开始编程就接触的是nodejs中的async 以及await ,yield几乎.貌似好像都没使用 ...

  10. (iOS)使用auto layout进行复杂布局时，UILabel的相关trick

    本文转载至 http://blog.csdn.net/madongchunqiu/article/details/47960745  本文首发于CSDN:http://blog.csdn.net/ma ...