Javascript + Pubnub聊天室通知

Question

我試圖在用戶提交聊天時發出聲音，也會在其他人的聲音中聽到。這裏是我的代碼：

Enter Chat and press enter 

<div><input id=input placeholder=you-chat-here /></div> 
<code>Chat Output</code> 
<div id=box></div> 
<div id=pubnub pub-key=demo sub-key=demo></div> 
<script src=http://cdn.pubnub.com/pubnub-3.1.min.js></script> 
<script>(function(){ 
    var box = PUBNUB.$('box'), input = PUBNUB.$('input'), channel = 'chatlllll'; 
     PUBNUB.subscribe({ 
      channel : channel, 
      callback : function(text) { 
       box.innerHTML = 
        (''+text).replace(/[<>]/g, '') + '<br>' +  box.innerHTML; 
      } 
     }); 
    PUBNUB.bind('keyup', input, function(e) { 
     (e.keyCode || e.charCode) === 13 && PUBNUB.publish({ 
      playsound('http://www.aphpsite.comuv.com/sound/chat.wav') 
      channel : channel, 
      message : input.value, 
      x : (input.value='') 
     }); 
    }); 
})();</script> 

這就是我所擁有的。我無法添加聲音。該腳本已損壞。所以這些都不起作用。我想如果有人能解決它。

謝謝。

Answer 1

您在聊天消息到達/發送時詢問PubNub和具有音效的示例聊天應用程序。我更新了示例並提供了額外的sound.js JavaScript HTML5 lib，它將有助於播放音效。請注意，我將您的Sound WAV文件轉換爲OGG和MP3文件格式以提供跨瀏覽器兼容性。接下來，我將在接收消息時粘貼完整和工作源代碼，以便與音效聊天。在源代碼之後，我粘貼了您需要的URL資源，例如sound.js和音頻文件。

試試吧LIVE！ - http://pubnub-demo.s3.amazonaws.com/chat-with-sounds/chat.html

查看源代碼：GitHub上

<div><input id=input placeholder=chat-here></div> 
<code>Chat Output</code> 
<div id=box></div> 
<div id=pubnub pub-key=demo sub-key=demo></div> 
<script src=http://cdn.pubnub.com/pubnub-3.1.min.js></script> 
<script src=sound.js></script> 
<script>(function(){ 
    var box = PUBNUB.$('box'), input = PUBNUB.$('input'), channel = 'chatlllll'; 
    PUBNUB.subscribe({ 
     channel : channel, 
     callback : function(text) { 
      // PLAY SOUND HERE 
      sounds.play('chat'); 

      // UPDATE TEXT OUTPUT HERE 
      box.innerHTML = 
       (''+text).replace(/[<>]/g, '') + 
       '<br>' + 
       box.innerHTML; 
     } 
    }); 
    PUBNUB.bind('keyup', input, function(e) { 

     (e.keyCode || e.charCode) === 13 && PUBNUB.publish({ 
      channel : channel, 
      message : input.value, 
      x  : (input.value='') 
     }); 
    }); 
})();</script> 

下載源代碼

https://github.com/pubnub/pubnub-api/tree/master/app-showcase/chat-with-sounds - 點擊鏈接訪問PubNub GitHub的庫源代碼與聲音演示聊天。