微信JS接口无法播放录音是怎么回事

2015-03-09 09:56:20 3.3k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

微信小程序录音与播放录音功能实现微信小程序录音与播放录音功能实现，话不多说直接上代码实例： test.wxml <button bindtap='start'>开始录音</button> <button bindtap='play'>播放录音</button> <button bindtap='stop'>停止录音</button> test.js var voice = ""; Page({ play: function () { 阅读详情

代码如下



<?php

require_once "jssdk.php";

$jssdk = new JSSDK("我的AppID", "我的AppSecret");

$signPackage = $jssdk->GetSignPackage();

?>

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title></title>

</head>

<body>

  <button  id="startRecord">startRecord</button>

    <button  id="stopRecord">stopRecord</button>

    <button  id="playVoice">playVoice</button>

</body>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

<script>

  wx.config({

       debug: true,

    appId: '<?php echo $signPackage["appId"];?>',

    timestamp: <?php echo $signPackage["timestamp"];?>,

    nonceStr: '<?php echo $signPackage["nonceStr"];?>',

    signature: '<?php echo $signPackage["signature"];?>',

    jsApiList: [

       'checkJsApi',

        'onMenuShareTimeline',

        'onMenuShareAppMessage',

        'onMenuShareQQ',

        'onMenuShareWeibo',

        'hideMenuItems',

        'showMenuItems',

        'hideAllNonBaseMenuItem',

        'showAllNonBaseMenuItem',

        'translateVoice',

        'startRecord',

        'stopRecord',

        'onRecordEnd',

        'playVoice',

        'pauseVoice',

        'stopVoice',

        'uploadVoice',

        'downloadVoice',

        'chooseImage',

        'previewImage',

        'uploadImage',

        'downloadImage',

        'getNetworkType',

        'openLocation',

        'getLocation',

        'hideOptionMenu',

        'showOptionMenu',

        'closeWindow',

        'scanQRCode',

        'chooseWXPay',

        'openProductSpecificView',

        'addCard',

        'chooseCard',

        'openCard'

    ]

  });

  wx.ready(function () {

     document.querySelector('#startRecord').onclick = function () {

    wx.startRecord({

      cancel: function () {

        alert('用户拒绝授权录音');

      }

    });

  };

      // 4.3 停止录音

  document.querySelector('#stopRecord').onclick = function () {

    wx.stopRecord({

      success: function (res) {

        voice.localId = res.localId;

      },

      fail: function (res) {

        alert(JSON.stringify(res));

      }

    });

  };



  // 4.4 监听录音自动停止

  wx.onVoiceRecordEnd({

    complete: function (res) {

      voice.localId = res.localId;

      alert('录音时间已超过一分钟');

    }

  });

      



  // 4.5 播放音频

  document.querySelector('#playVoice').onclick = function () {

    if (voice.localId == '') {

      alert('请先使用 startRecord 接口录制一段声音');

      return;

    }

    wx.playVoice({

      localId:voice.localId 

    });

  };

      

  });

</script>

</html>