1. 程式人生 > >如何讓pc端 web頁面 可以有一個訊息提示音

如何讓pc端 web頁面 可以有一個訊息提示音

1.首先需要一個jq外掛,將外掛引入頁面

            下載地址    密碼:zz2f

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: "/Public/Home/css/order.mp3"   //背景音樂檔案路徑
            });
            $(this).jPlayer('play');
        },
        supplied: "mp3"
 });

            html裡可以判斷是否有提示,如果有提示則展示 id為jplayer 的div,如果不需要提示,不展示此div即可

3.當這些都設定完,測試發現js報錯

這是因為 瀏覽器 不支援自動播放音/視屏