如何讓pc端 web頁面 可以有一個訊息提示音
阿新 • • 發佈:2018-12-19
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報錯
這是因為 瀏覽器 不支援自動播放音/視屏