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. Java SQL注入学习笔记

    1 简介 文章主要内容包括: Java 持久层技术/框架简单介绍 不同场景/框架下易导致 SQL 注入的写法 如何避免和修复 SQL 注入 2 JDBC 介绍 JDBC: 全称 Java Databa ...

  2. Lua格式化输出

    我们知道lua中可以用".."连接字符串,可以起到一部分格式化字符串的作用,但是如果字符串较长或者有特殊的格式转换操作(如十六进制转换),用".."就会很繁琐且 ...

  3. ubuntu 的chmod 和 chown

    1.chown改文件或目录的所有者和群组权限 格式 chown [OPTION]... [OWNER][:[GROUP]] FILE... 参数: -R 递归操作当前目录下的所有目录和文件: -h 更 ...

  4. MAC下Android的Eclipse开发环境的搭建 转自MacroCheng

    原文地址:  http://www.cnblogs.com/macro-cheng/archive/2011/09/30/android-001.html 一．Eclipse的下载 到网站:http: ...

  5. Mac下配置svn服务器

    Mac OS X 系统已经内置了svn支持,所以需要做的就只是配置,可以用svnadmin –vsersion(svnserve –version)查看.希望能对 您配置 SVN.进行开发版本控制有所 ...

  6. PMP模拟考试-1

    1. A manufacturing project has a schedule performance index (SPI) of 0.89 and a cost performance ind ...

  7. flexbox子盒子flex属性

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

  8. 【代码审计】JTBC(CMS)_PHP_v3.0 任意文件上传漏洞分析

      0x00 环境准备 JTBC(CMS)官网:http://www.jtbc.cn 网站源码版本:JTBC_CMS_PHP(3.0) 企业版 程序源码下载:http://download.jtbc. ...

  9. 启用sharepoin2013中的ChartWebPart

    首先看一张sharepoint2013中ChartWebPart的效果图. 在sharepoint2010中加入了一个新的webpart,叫ChartWebPart,提供了对数据的图表展示,可以对数据 ...

  10. Ubuntu输入法切换问题

    不知道改了个什么东西,Ubuntu 15.04 中Ctrl+Space不能切换输入法了,因此不能输入英文,shell就更是没法工作,在设置里面找了好久,“文本输入”/“语言支持”/“键盘”里面都没找到 ...