web页面 新消息提示音

1.首先需要一个jq插件,将插件引入页面

            下载地址     密码:ikkq

2.代码

html:
<if condition="$tip eq true">
    <div id="jplayer" data-src="__PUBLIC__/css/order.mp3"></div>
</if>

js:
$("#jplayer").jPlayer({
        swfPath: "Jplayer.swf",    //播放器地址
        ready: function () {
            $(this).jPlayer("setMedia", {
                mp3: "www.xxx.com/order.mp3"   //路径写成绝对路径
            });
            $(this).jPlayer('play');
        },
        supplied: "mp3"
 });

            html里可以判断是否有提示，如果有提示则展示 id为jplayer 的div,如果不需要提示，不展示此div即可

3.当这些都设置完，测试发现js报错

这是因为 浏览器 不支持自动播放音/视屏

所以需要对浏览器进行设置 ，详见这篇   https://blog.csdn.net/fmyzc/article/details/83746293

4.设置完浏览器后发现可以发出语音提示了

5. 送大家一个来订单的提示音。            

                    下载地址      密码:94ys