1 找到解决办法的地方
https://segmentfault.com/q/1010000012624104

2 H5页面屏闭音频的原因
https://www.h5anli.com/articles/201701/bgmusicarticle.html

以上是解决参考

1、创建一个vue项目，使用weixin-js-sdk插件，在当前vue页面

import Vue from "vue";
import wx from "weixin-js-sdk";
Vue.use(wx);

 this.$get(
        "服务地址xxxxxxxx",
        data,
        res => {
          wx.config({
            appId: res.appId,
            timestamp: res.timestamp,
            nonceStr: res.nonceStr,
            signature: res.signature,
            jsApiList: [
              "onMenuShareTimeline", //分享给好友
              "onMenuShareAppMessage", //分享到朋友圈
              "onMenuShareQQ", //分享到QQ
              "onMenuShareWeibo" //分享到微博
            ]
          });
          wx.ready(function(e) {
            重点在这里
            document.getElementById('audio').play();
            var shareData = {
              title: "分享显示title,
              desc: "分享显示介绍",
              link: data.url,
              imgUrl:
                "" //分享时候的图片
            };
            wx.onMenuShareAppMessage(shareData);
            wx.onMenuShareTimeline(shareData);
            wx.onMenuShareQQ(shareData);
            wx.onMenuShareWeibo(shareData);
          });
        },
        error => {
          console.log(error);
        }
      );