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. lua封装的位运算

    1.移位运算基础 --与 同为1,则为1 --或 有一个为1,则为1 --非 true为 false,其余为true --异或 相同为0,不同为1 --ZZMathBit = {} function ...

  2. Visual Studio快捷键大全

    快捷键的使用可以简化大家的操作,在一定程度上提高工作的效率,下文中将为大家介绍一些VS中经常用到的快捷键,希望对大家有用. 方法/步骤   关于解决方案和项目   用于快速跳转   用于代码的文本编辑 ...

  3. ubuntu14.04 允许root用ssh登录

    重启ssh service ssh restart 查看ssh是否已安装 ssh进程 ps -e | grep ssh ssh占用端口 lsof -i:22 ssh服务已启动,但是用root账号无法连 ...

  4. python连接mysql数据库封装

    源码: import pymysql class MysqlConnect(object): # 魔术方法, 初始化, 构造函数 def __init__(self, host, user, pass ...

  5. SpringMVC------在运行项目的时候run as 里面没有run on server 解决办法

    1.第一步:选中项目,右键,点击Properties 2.第二步:在查找框里输入Project Facets ,点击蓝色的,如图: 第三步:选中Dynamic Web Module,应用就可以了 转载 ...

  6. Android沉浸式状态栏兼容4.4手机的实现

    一.概述 最近注意到QQ新版使用了沉浸式状态栏,ok.先声明一下:本篇博客效果下图: 关于这个状态栏变色究竟叫「Immersive Mode」/「Translucent Bars」有兴趣能够去 为什么 ...

  7. Android开发-- findViewById()方法得到空指针

    如果想通过调用findViewById()方法获取到相应的控件,必须要求当前Activity的layout通过setContentView. 如果你通过其他方法添加了一个layout,如需获取这个la ...

  8. flask实现简单的接收json返回json的接口

    结合http://docs.jinkan.org/docs/flask/quickstart.html#a-minimal-application这个flask文档实现 #!/usr/bin/pyth ...

  9. html中属于布尔类型的属性

    1.noshade,用来表示有无阴影,多用于在<hr />标签当中 2.ckecked,用来表示是否默认选中,多用于单选按钮<input type="radio" ...

  10. 常见C语言编译错误解析【转】

    C语言编译错误信息及说明1. 在函数 ‘transform’ 中:7: 错误:expected ‘;’ before ‘{’ token    解释:‘{’之前的某个语句缺少分号‘;’: 2. 在函数 ...