vue 使用weixin-sdk 录音功能

刚毕业，进入公司，遇到的第一个vue项目，使用weixin-sdk-js 做录音功能，于是开始了研究之旅，经过的许久的研究，终于是禅悟出了一点皮毛
多次试验，失败，总结：weixin-js-sdk 是要在线上使用的，而且只能在微信上使用 多说不易，上干货

献上官方使用说明文档地址

https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115

干货现在开始

第一步肯定是先安装这个sdk了

npm install weixin-js-sdk

在使用的文件里面引入

import wx from 'weixin-js-sdk'

我随便写了一个小dome 代码献上
功能为 录音 停止 上传…
为了将录音永久保存，将录音也传到后端，后端转成MP3文件 返回地址
又加了一个将所有录音合成一段长音频返回

<template>
  <div class="hello">
    <button  class="record" @click="start">开始录音</button>
    <button @click="stop">停止录音</button>
    <button @click="cancel">取消录音</button>
    <!-- <button @click="play">播放录音</button>
    <button @click="pausePlay">暂停播放</button>
    <button @click="stopPlay">停止播放</button> -->
    <!-- <button @click="upVoice">上传语音</button>
    <button @click="downVoice">下载录音</button> -->
    <!-- <button @click="fake">假的</button> -->
    <!-- <button @click="setTime">开始计时</button>
    <button @click="creamTime">停止计时</button> -->
    <br>
    <p>录音时间{
   {
   time}}</p>

    <div class="list"<