微信浏览器摇一摇播放音频

<audio id="chatAudio" src="__STATIC__/wweb/img/red-01.mp3" style="display:none;"></audio>
<audio id="openAudio" src="__STATIC__/wweb/img/red-02.mp3" style="display:none;"></audio>

<div id="yyy" class="animated"><img src="__STATIC__/wweb/img/yy.png" /></div>

<div id="qian" class="animated"><a href="/wweb/index/qian?id=4"><img src="__STATIC__/wweb/img/qian.png" /></a></div>


<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
<!--
    var yyck = true;
    var audio=document.getElementById("chatAudio");
    var openAudio=document.getElementById("openAudio");
    document.addEventListener("WeixinJSBridgeReady", function () {    
        audio.load();
        openAudio.load();
    }, false);

//运动事件监听
if (window.DeviceMotionEvent) {
    window.addEventListener('devicemotion',deviceMotionHandler,false);
}
//获取加速度信息
//通过监听上一步获取到的x, y, z 值在一定时间范围内的变化率，进行设备是否有进行晃动的判断。
//而为了防止正常移动的误判，需要给该变化率设置一个合适的临界值。
var SHAKE_THRESHOLD = 4000;
var last_update = 0;
var x, y, z, last_x = 0, last_y = 0, last_z = 0;
function deviceMotionHandler(eventData) {
        var acceleration =eventData.accelerationIncludingGravity;
        var curTime = new Date().getTime();
        if ((curTime-last_update)> 10) {
            var diffTime = curTime -last_update;
            last_update = curTime;
            x = acceleration.x;
            y = acceleration.y;
            z = acceleration.z;
            var speed = Math.abs(x +y + z - last_x - last_y - last_z) / diffTime * 10000;
            if (speed > SHAKE_THRESHOLD) {
                if(!yyck){return false;}
                audio.play();
                $('#yyy').addClass('wobble');
                setTimeout(function(){
                    audio.pause();
                    openAudio.play();
                    $('#yyy').removeClass('wobble');
                    $('#qian').css('display','block');
                    yyck = false;
                }, 1500);
            }
            last_x = x;
            last_y = y;
            last_z = z;
        }
}
//-->
</script>