Estou tentando montar um pequeno (ish) projeto de escola de verão para alguns dos meus alunos avançados e estou pesquisando como fazer o melhor e o que usar - espero que alguém aqui possa me indicar a direção cert

O que nos interessa é pesquisar se o HTML5 chegou o suficiente para criar um quadro de desenho colaborativo em tempo real nele - puramente usando tecnologias da Web sem plug-ins (CSS, HTML5 / DOM e Javascript). O que nos esforçamos ultimamente é isso - por exemplo, uma tela / página on-line em um servidor central exibido em uma tela grande na sala de aula. Em seguida, nossos alunos / usuários pegavam seus smartphones, carregavam a página em seus navegadores móveis (por enquanto, estou bem em limitar isso aos navegadores móveis da Webkit) e desenhávamos nas telas com toque / dedos (ou em PCs com o mouse - supondo que isso não faça muita diferença) e seria atualizado em tempo real para todos - tanto na tela quanto na tela grande central da sala de aul

Acho que as solicitações push / get seriam muito lentas para isso - isso poderia ser resolvido por websockets? Alguém tem boas bibliotecas JS para recomendar?

Também como seria a arquitetura ideal (mas mais fácil para os alunos entenderem). Digamos que você tenha 30 usuários simultâneos em um clasroom - cada um deles se conectaria com websockets ao servidor e o servidor agruparia / combinaria todas as solicitações em um e retornaria o arquivo combinado (algum tipo de JSON mínimo ou mesmo apenas coordenadas) ) para todos os usuários conectados?

Websockets e (eu estou supondo) tela seria capaz de fazer isso? Para que tudo ainda pareça instável? Existem bibliotecas JS (semelhantes a jQuery) disponíveis para facilitar nossa vida - ou você acha que isso é algo muito complexo para um projeto escolar de verão de duas semanas?