<!-- Hey, let's be friends! http://twitter.com/pubnub -->

Enter Chat and press enter

<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=../../web/pubnub.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>