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. android LinearLayout添加分隔线

    方法一: 可以放置一个ImageView组件,然后将其设为分隔线的颜色或图形. 分隔线View的定义代码如下: [html] view plaincopy   <ImageView androi ...

  2. 使用vi时提示 write error in swap file

    今天使用vi 命令时,提示write error in swap file 查了下原因,磁盘空间不够 df -h 使用 rm -rf 文件名 ,删除不用的 使用 echo "" & ...

  3. PDF文件转换成Excel表格的操作技巧

    我们都知道2007以上版本的Office文档,是可以直接将文档转存为PDF格式文档的.那么反过来,PDF文档可以转换成其他格式的文档吗?这是大家都比较好奇的话题.如果可以以其他格式进行保存,就可以极大 ...

  4. 怎么安装ABBYY FineReader

    ABBYY FineReader是市场领先的文字识别(OCR)软件,可快速方便地将扫描纸质文档.PDF文件和数码相机的图像转换成可编辑.可搜索信息,ABBYY FineReader 12是目前最新版本 ...

  5. Sublime text2插件

    Sublime插件: Sublime有好几种安装插件的方法,但是最好用也是最长用的是ctrl+shift+p. 第一步: 使用ctrl+` 调出Sublime控制台,在控制台中输入 import ur ...

  6. Java并发编程、内存模型与Volatile

    http://www.importnew.com/24082.html  volatile关键字 http://www.importnew.com/16142.html  ConcurrentHash ...

  7. Struts2_day01讲义_使用Struts2完成客户列表显示的功能

  8. Windows 7 无密码文件共享

    Windows7中创建无密码的文件共享的几个步骤: 在“控制面板\所有控制面板项\网络和共享中心\高级共享设置”开启“关闭密码保护共享”和“启用文件和打印机共享”.关闭密码保护共享的操作会启用Gues ...

  9. php大数除法保留精度问题

    有人在群里问大数除法,要求保留精度的问题,发现普通的方法都不能保存精度,最后找了一下资料发现可以这样 这倒是个冷门知识,嗯哼

  10. 处理特殊格式的GET传参

    有群友问 这样的传参格式如何接受获取 xx.php?con="one"=>5,"two"=>0,"three"=>1 那么 ...