使用JavaScript怎么實(shí)現(xiàn)聊天接收到消息語(yǔ)言自動(dòng)提醒功能-創(chuàng)新互聯(lián)

今天就跟大家聊聊有關(guān)使用JavaScript怎么實(shí)現(xiàn)聊天接收到消息語(yǔ)言自動(dòng)提醒功能，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

成都網(wǎng)站制作、做網(wǎng)站、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)的關(guān)注點(diǎn)不是能為您做些什么網(wǎng)站，而是怎么做網(wǎng)站，有沒(méi)有做好網(wǎng)站，給創(chuàng)新互聯(lián)公司一個(gè)展示的機(jī)會(huì)來(lái)證明自己，這并不會(huì)花費(fèi)您太多時(shí)間，或許會(huì)給您帶來(lái)新的靈感和驚喜。面向用戶友好，注重用戶體驗(yàn)，一切以用戶為中心。

思路

實(shí)時(shí)提醒

這個(gè)就比較明確了，就是在接收到消息的同時(shí)進(jìn)行語(yǔ)音播放，大家可以根據(jù)自己的邏輯進(jìn)行將代碼放到合適的地方。

定時(shí)提醒

這個(gè)主要首先判斷客戶是否存在未讀的消息，如果存在則語(yǔ)音提醒，如果不存在，則不進(jìn)行提醒。故而要在HTML頁(yè)面寫一個(gè)定時(shí)器，每五分鐘訪問(wèn)一次接口，查詢客服是否存在未讀消息，然后在后臺(tái)開發(fā)一個(gè)接口用于返回客戶是否存在未讀消息。

代碼實(shí)現(xiàn)

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>JS實(shí)現(xiàn)聊天接收到消息語(yǔ)言自動(dòng)提醒(您有新的消息請(qǐng)注意查收)</title>
  <!--引入CSS、JS-->
  <script type="text/javascript" src="public/common/js/jquery-1.8.1.min.js"></script>
</head>
<style>
  #audio_click {
    margin-top: 32px;
    height: 40px;
  }
  #audio_click a {
    text-decoration: none;
    background: #2f435e;
    color: #f2f2f2;
    padding: 10px 30px 10px 30px;
    font-size: 16px;
    font-family: 微軟雅黑, 宋體, Arial, Helvetica, Verdana, sans-serif;
    font-weight: bold;
    border-radius: 3px;
    -webkit-transition: all linear 0.30s;
    -moz-transition: all linear 0.30s;
    transition: all linear 0.30s;
  }
  #audio_click a:hover {
    background: #385f9e;
  }
</style>
<body>
<!--dom結(jié)構(gòu)部分-->
<div >
  <!--用來(lái)存放item-->
  <h2>JS實(shí)現(xiàn)聊天接收到消息語(yǔ)言自動(dòng)提醒</h2>
  <h4>(您有新的消息請(qǐng)注意查收)</h4>
  <div id="audio_click">
    <a id="btn_audio" href="#" rel="external nofollow" >播放語(yǔ)音</a>
  </div>
  <div id="audio_play"></div>
</div>
</body>
<script>
  $(function () {
    var html = '';
    html += '<audio id="audioPlay">';
    //格式ogg音頻地址
    html += '<source src="/public/static/layui/newmsg.ogg" type="audio/ogg">';
    //格式mp3音頻地址
    html += '<source src="/public/static/layui/newmsg.mp3" type="audio/mpeg">';
    //格式wav音頻地址
    html += '<source src="/public/static/layui/newmsg.wav" type="audio/wav">';
    html += '</audio>';
    //將代碼寫入到頁(yè)面中
    $(html).appendTo("#audio_play");
    //輪詢ajax檢測(cè)未讀消息，每五分鐘
    var setTime = setInterval(function () {
      $.ajax({
        type: "post",
        url: "{:url('index/getNoReadMsg')}", //查詢客服是否有未讀消息
        dataType: "json",
        success: function (ret) {
          if (ret.code == 1) {
            //有則進(jìn)行播放語(yǔ)音提醒
            $('#audioPlay')[0].play();
          }
        }
      });
    }, 300000);
  });
  $("#btn_audio").click(function () {
    //這就代碼就是播放語(yǔ)音的關(guān)鍵代碼
    $('#audioPlay')[0].play();
  });
</script>
</html>

看完上述內(nèi)容，你們對(duì)使用JavaScript怎么實(shí)現(xiàn)聊天接收到消息語(yǔ)言自動(dòng)提醒功能有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

分享題目：使用JavaScript怎么實(shí)現(xiàn)聊天接收到消息語(yǔ)言自動(dòng)提醒功能-創(chuàng)新互聯(lián)
分享鏈接：http://jinyejixie.com/article16/ichgg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、企業(yè)網(wǎng)站制作、品牌網(wǎng)站設(shè)計(jì)、域名注冊(cè)、靜態(tài)網(wǎng)站、搜索引擎優(yōu)化

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

使用JavaScript怎么實(shí)現(xiàn)聊天接收到消息語(yǔ)言自動(dòng)提醒功能-創(chuàng)新互聯(lián)