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. MathType编辑粗体空心字的技巧

    在用MathType公式编辑器编辑公式时,由于不同的使用需要,会有不同的字体要求.如果是正式的论文中的公式,一般公式只要求数学的国际使用规定就可以了,而如果是用在ppt等这种演示的文稿中,所要用到的字 ...

  2. IE8 AJAX 不能正常工作 解决办法

    function crossDomainAjax(url, successCallback) { // IE8 & 9 only Cross domain JSON GET request i ...

  3. Phpcms V9单页添加自定义字段

    说起文章自定义自段,大家都会想到 wordpress 的自定义字段,确实 wordpress 系统很强大,字段可以很灵活的在后台进行添加与更新,并能够很好的在前台进行调用,对于这点 phpcms v9 ...

  4. MySQL 高性能表设计规范

    良好的逻辑设计和物理设计是高性能的基石, 应该根据系统将要执行的查询语句来设计schema, 这往往需要权衡各种因素. 一.选择优化的数据类型 MySQL支持的数据类型非常多, 选择正确的数据类型对于 ...

  5. MacOS的多重启动工具

    在osx Lion升级到Mavericks后原有的refit(http://refit.sourceforge.net)启动管理工具就失效了,refit已经停止更新,新的分支项目时rEFInd(htt ...

  6. vuejs中使用echart图表

    首先安装echart npm i echarts -S 加下来以使用这个图表为例 在vue组件中像这样使用: <template> <div :class="classNa ...

  7. js实现点击评论进行显示回复框

    有人在群里问如何在留言评论那里点击回复按钮,下面就自动显示一个回复框,他想要的效果如图: 于是我随意的写了一段HTML,代码如下: <!DOCTYPE HTML> <html lan ...

  8. video标签 api

    video 设置及控制:http://www.w3school.com.cn/tags/html_ref_audio_video_dom.asp video 事件:http://www.w3schoo ...

  9. 【代码审计】711cms_V1.0.5前台XSS跨站脚本漏洞分析

      0x00 环境准备 711CMS官网: https://www.711cms.com/ 网站源码版本:711CMS 1.0.5 正式版(发布时间:2018-01-20) 程序源码下载:https: ...

  10. Unity读取配置文件

    config.ini存放在Assets目录下,项目打包之后存放在Data目录下exe同目录 // 从配置文件读取 string configFile = Application.dataPath + ...