微信+html5+播放音频+自动播放在现代社会中，语音信息已经成为了人们日常生活中不可或缺的一部分。人们可以通过微信等即时通讯工具来发送和接收语音信息，而这就离不开html5技术的支持。在本文中，我将详细描述如何利用html5音频实现微信语音播放效果，并实现自动播放的功能。
首先，让我们来看一下前台的一般效果图。
在效果图中，我们可以看到一个语音播放按钮，点击该按钮可以播放mp3录音。另外，当我们点击另一段录音时，当前录音会停止播放，这是非常常见的语音播放功能。接下来，我们将通过html5和javascript来实现这一功能。
关于播放音频，我们可以使用html5的```
```html
```
在上面的代码中，我们分别定义了两个音频元素，分别对应两段录音。其中，```id```属性是为了在javascript中获取该音频元素，```src```属性是设置音频文件的地址，```preload```属性是设置音频是否在页面加载时进行预加载。
接下来，我们需要使用javascript来控制音频的播放和停止。我们可以使用```HTMLMediaElement```接口提供的方法来实现这一功能。具体代码如下：
```javascriptdocument.getElementById('audio1').play();
document.getElementById('audio2').play();
```
使用上面的代码我们可以通过javascript来控制音频的播放，当页面加载完成后，音频将自动播放。但是在微信环境中，由于微信浏览器对自动播放做了限制，所以我们需要使用微信jssdk提供的接口来进行自动播放的设置。
微信jssdk是微信官方提供的一套js库，可以帮助我们快速开发基于微信的web应用。在这里，我们将使用微信jssdk中的```wx.config```和```wx.ready```方法来实现自动播放功能。具体实现步骤如下：
```javascript// 引入微信jssdk