Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
110 lines (98 sloc) 3.17 KB
doctype 5
html
head
title jsfx chat
link(href='/stylesheets/style.css', rel='stylesheet')
script(src='http://code.jquery.com/jquery-1.6.1.min.js')
script(src='audio.js')
script(src='jsfx.js')
script(src='jsfxlib.js')
script(src='jsfxgui.js')
script(src='/socket.io/socket.io.js')
script
// socket.io specific code
var socket = io.connect();
socket.on('connect', function () {
$('#chat').addClass('connected');
});
socket.on('announcement', function (msg) {
$('#lines').append($('<p>').append($('<em>').text(msg)));
});
socket.on('nicknames', function (nicknames) {
$('#nicknames').empty().append($('<span>Online: </span>'));
for (var i in nicknames) {
$('#nicknames').append($('<b>').text(nicknames[i]));
}
});
socket.on('user message', function(from, msg) {
console.log(from, msg);
var sound = jsfxlib.createWave(JSON.parse(msg));
sound.play();
message(from, msg);
});
socket.on('reconnect', function () {
$('#lines').remove();
message('System', 'Reconnected to the server');
});
socket.on('reconnecting', function () {
message('System', 'Attempting to re-connect to the server');
});
socket.on('error', function (e) {
message('System', e ? e : 'A unknown error occurred');
});
function message (from, msg) {
$('#lines').append($('<p>').append($('<b>').text(from), msg));
}
// dom manipulation
$(function () {
$('#set-nickname').submit(function (ev) {
socket.emit('nickname', $('#nick').val(), function (set) {
if (!set) {
$('#control').css('visibility', 'visible');
return $('#chat').addClass('nickname-set');
}
$('#nickname-err').css('visibility', 'visible');
});
return false;
});
$('#send-message').submit(function () {
jsfxgui.play();
return false;
});
function clear () {
$('#message').val('').focus();
};
// from http://egonelbre.com/js/jsfx/
jsfxgui.createSampleGenerators('sample-generators');
jsfxgui.createConfigurationPanel('config-panel');
jsfxgui.initField('message');
jsfxgui.paramsToField();
jsfxgui.onvaluemodified = function() {
jsfxgui.play();
};
jsfxgui.onplay = function() {
this.paramsToField();
message('me', $('#message').val());
socket.emit('user message', $('#message').val());
$('#lines').get(0).scrollTop = 10000000;
};
});
body
#chat
#nickname
form.wrap#set-nickname
p Please type in your nickname and press enter.
input#nick
p#nickname-err Nickname already in use
#connecting
.wrap Connecting to socket.io server
#messages
#nicknames
#lines
form#send-message
input#message(disabled)
button Send
#control
span#sample-generators
button(onclick="jsfxgui.randomize()") Randomize
#config-panel