Javascript+Pubnub聊天通知
Javascript + Pubnub Chat Notifications
当用户提交聊天时,我试图发出声音,其他人也会听到。这是我的代码:
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>
这就是我所拥有的。我在添加声音时遇到问题。这个脚本坏了。所以这些都不起作用。我希望有人能修好它。
谢谢。
您正在询问PubNub和一个在聊天消息到达/发送时具有声音效果的示例聊天应用程序。我已经更新了这个例子,并提供了一个额外的sound.jsJavaScriptHTML5lib,它将有助于播放声音效果。请注意,我获取了您的声音WAV文件,并将其转换为OGG和MP3的文件格式,以提供跨浏览器兼容性。接下来,我将粘贴完整的和工作的源代码,用于接收消息时的声音效果聊天。根据源代码,我粘贴了您需要的URL资源,如sound.js和audio文件。
试试现场直播-http://pubnub-demo.s3.amazonaws.com/chat-with-sounds/chat.html
参见源代码:
<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>
在GitHub上下载源代码
https://github.com/pubnub/pubnub-api/tree/master/app-showcase/chat-with-sounds-单击链接访问PubNub GitHub存储库,其中包含声音聊天演示的源代码。
相关文章:
- Ajax聊天消息重复而不仅仅是更新
- Firebase2(Firebase.google.com)推送通知-从外部管理
- 在不打开聊天屏幕的情况下制作Zopim-ding代理
- WebRTC视频聊天可以在FF中使用,但不能在Chrome中使用
- 角度p2p视频聊天-远程流是黑视频
- 无法在窗口内使用rootScope.通知
- JS,用于播放提示音以通知未按预期工作
- 单击Chrome通知后,转到已打开的选项卡
- Windows Azure通知中心错误
- Nodejs私有消息/w”;在聊天中
- XHR不适用于聊天应用程序
- 我正在创建一个聊天,但每次我发送消息时,它都不会让我再发送另一条消息,就像表格一样;不起作用
- Meteor应用程序上的警报/通知不会出现
- GCM推送通知,如果应用程序在手机中关闭(Phonegap Android)
- Javascript+Pubnub聊天通知
- 聊天应用程序 - 当有人进入/离开房间时,用声音通知用户
- 聊天小部件的通知
- 在聊天应用程序中为多人聊天发送通知
- 通知用户进行视频聊天
- QuickBlox :从 Android 客户端创建新的私人聊天时通知 Web 客户端 (JavaScript SDK)