PalyAudit掃描聲音提示插件 · COSCIA 開發手冊

### 聲音插件使用說明 **位置：** <script charset="UTF-8" src="__PUBLIC__/base/js/play_audit.js"></script> **調用：** 先引用上述位置，然后在掃碼頁的js文件直調用PalyAudit()和playCreatMuice()。以下是一個掃碼頁js的案例，僅供參考： ~~~ //唯一碼查貨 $(function(){ //記錄掃描數，初始值為0 var i = 0; //逗號隔開唯一碼的字符集，賦值給form表單隱藏域里，保存時提交給后臺 var nos = ""; //存儲唯一碼數組，用來判斷唯一碼有無重復掃描 var arrayObj = new Array(); $('#only_depot').keyup(function(){ //一個敲擊回車按鈕的動作觸發的方法 if(window.event.keyCode==13){ //獲取輸入的唯一碼 var no=$(this).val(); //ajax的URL地址 var url=$(this).attr('url'); //勾選刪除框時，值為1，沒選值為undefind var del=$('input[name="delete"]:checked').val(); //商品導入列表id var import_list_id=$('#import_list_id').val(); //notice_id值 var notice_id = $('#notice_id').val(); //當del值等于1時，說明要刪除該唯一碼商品列表信息。 if(del == 1){ if (arrayObj.length == 0) { $.post(url, {'no': $.trim(no), 'del': del,'import_list_id':import_list_id ,'notice_id':notice_id}, function (data){ if (data.success) { window.location.href=data.url; playCreatMuice(); } else { PalyAudit(); setTimeout(function () { alert(data.msg); }, 1000); $('#only_depot').val(''); } }, "json"); // alert('請先掃描商品!'); }else { var t = 0; for (var x = 0; x < arrayObj.length; x++) { if (arrayObj[x] == no) { var t = 1; break; } } //t等于1說明未保存的商品列表存在該唯一碼 if(t == 1){ //掃描數需要減1 i = i - 1; //賦值到form表單掃描數中 $('#scannum').val(i); $('#depot_table').find('td').parent().filter(":contains("+no+")").remove(); //找出唯一碼在數組里的位置 $.inArray(no,arrayObj); //刪除數組中的唯一碼 arrayObj.splice($.inArray(no,arrayObj),1); //刪除拼接字符集的唯一碼 nos = nos.replace(','+no,''); //重新賦值到form表單的隱藏域中 $('#nos').val(nos); //請空輸入框的內容方便下一次掃碼 $('#only_depot').val(''); playCreatMuice(); }else //說明未保存商品列表沒有該唯一碼信息，但需在保存后商品信息進行查詢判斷 { //進行ajax后臺判斷唯一碼是否保存在數據庫，有的話刪除該商品信息 $.post(url, {'no': $.trim(no),'del': del,'import_list_id':import_list_id,'notice_id':notice_id}, function (data){ if (data.success) { playCreatMuice(); window.location.href=data.url; } else { PalyAudit(); setTimeout(function (){ alert(data.msg); }, 1000); $('#only_depot').val(''); } }, "json"); } } }else //否則,添加唯一碼商品列表信息。 { $.post(url, {'no': $.trim(no), 'del': del,'import_list_id':import_list_id,'notice_id':notice_id}, function (data) { if (data.success) { if (arrayObj.length == 0) { arrayObj.push(data.data['no']); i = i + 1; var html = ''; html += "<tr>"; html += "<td>" + data.data['no'] + "</td>"; html += "<td>" + data['data']['supply_style_no'] + "</td>"; html += "<td>" + data['data']['name_zh'] + "</td>"; html += "<td>" + data['data']['color_name'] + "</td>"; html += "<td>" + data['data']['color'] + "</td>"; html += "<td>" + data['data']['size'] + "</td>"; html += "<td>" + data['data']['retail_price'] + "</td>"; html += "<td style='color: red'>數據未保存</td>"; html += "</tr>"; $('#depot_table').append(html); $('#scannum').val(i); nos += "," + data.data['no']; $('#nos').val(nos); $('#only_depot').val(''); playCreatMuice(); } else { var t = 0; for (var x = 0; x < arrayObj.length; x++){ if (arrayObj[x] == data.data['no']) { var t = 1; PalyAudit(); setTimeout(function () { alert('唯一碼' + data.data['no'] + '已添加，請勿重復'); }, 1000); break; } } if (t == 0) { arrayObj.push(data.data['no']); i = i + 1; var html = ''; html += "<tr>"; html += "<td>" + data.data['no'] + "</td>"; html += "<td>" + data['data']['supply_style_no'] + "</td>"; html += "<td>" + data['data']['name_zh'] + "</td>"; html += "<td>" + data['data']['color_name'] + "</td>"; html += "<td>" + data['data']['color'] + "</td>"; html += "<td>" + data['data']['size'] + "</td>"; html += "<td>" + data['data']['retail_price'] + "</td>"; html += "<td style='color: red'>數據未保存</td>"; html += "</tr>"; $('#depot_table').append(html); $('#scannum').val(i); nos += "," + data.data['no']; $('#nos').val(nos); $('#only_depot').val(''); playCreatMuice(); } else { $('#only_depot').val(''); } } } else { PalyAudit(); setTimeout(function (){ alert(data.msg); }, 1000); $('#only_depot').val(''); } }, "json"); } } }); }); ~~~ **完整代碼：** ~~~ //此函數調用發出警報的聲音 function PalyAudit(){ $('#chatAudio').remove(); //解決聲音不變的問題 2017-01-24 lanson $('<audio id="chatAudio">' + '<source src="/Public/base/mp3/Warning.ogg" type="audio/ogg">' + ' <source src="/Public/base/mp3/Warning.mp3" type="audio/mpeg">'+ ' <source src="/Public/base/mp3/Warning.wav" type="audio/wav">'+ '</audio>').appendTo('body'); var waitTime = 150; //時間不足，導致調用請求暫停問題解決 2017-01-24 lanson setTimeout(function () { var el = $('#chatAudio')[0]; if (el.paused) { el.play(); //播放聲音 } }, waitTime); } //此函數調用發出成功的聲音 function playCreatMuice(){ $('#chatAudio').remove(); //解決聲音不變的問題 2017-01-24 lanson $('<audio id="chatAudio">' + '<source src="/Public/base/mp3/3434.ogg" type="audio/ogg">' + ' <source src="/Public/base/mp3/3434.mp3" type="audio/mpeg">'+ ' <source src="/Public/base/mp3/3434.wav" type="audio/wav">'+ '</audio>').appendTo('body'); var waitTime = 150; //時間不足，導致調用請求暫停問題解決 2017-01-24 lanson setTimeout(function () { var el = $('#chatAudio')[0]; if (el.paused) { el.play(); //播放聲音 } }, waitTime); } ~~~