Popular:
 Building Resilient Systems on AWS: Learn how to design and implement a resilient, highly available, fault-tolerant infrastructure on AWS.

Meatspaces Chat is Amazing

By  on  

My Mozilla colleague Edna Piranha is crazy smart and creative.  She's also just crazy, but that's beside the point.  Her past projects include NoodleApp, the best App.Net client available, as well as numerous Mozilla projects.  Her latest project is her best: Meatspaces chat.  Meatspaces chat is a unique blend of traditional text chat and video capture that's loads of fun.

Meatspaces chat

A few tech facts about Meatspaces chat:

  • A combination of WebRTC, Web Workers, and Canvas is used to create the animated GIF
  • Socket.IO is used for server/chat interaction
  • The server side is Node.js-based
  • localStorage is used to store mute information

In short, Meatspaces chat is built completely on HTML5 web technologies -- the way the web should be.

As with all of her projects, Meatspaces chat is open source, so you can implement this amazing chat work on your own domain or push bug fixes if you have time time.  Meatspaces chat is incredibly fun and addicting.  From a serious perspective, however, it's nice to see a face within chat without needing external software or non-web technologies.  If your device has a camera, be sure to check out Meatspaces chat.  Meatspaces chat is even on Firefox OS!

Request Metrics real user monitoring
Request Metrics real user monitoring
Request Metrics real user monitoring
Request Metrics real user monitoring

Recent Features

  • By
    7 Essential JavaScript Functions

    I remember the early days of JavaScript where you needed a simple function for just about everything because the browser vendors implemented features differently, and not just edge features, basic features, like addEventListener and attachEvent.  Times have changed but there are still a few functions each developer should...

  • By
    Responsive and Infinitely Scalable JS Animations

    Back in late 2012 it was not easy to find open source projects using requestAnimationFrame() - this is the hook that allows Javascript code to synchronize with a web browser's native paint loop. Animations using this method can run at 60 fps and deliver fantastic...

Incredible Demos

  • By
    Introducing MooTools ScrollSidebar

    How many times are you putting together a HTML navigation block or utility block of elements that you wish could be seen everywhere on a page? I've created a solution that will seamlessly allow you to do so: ScrollSidebar. ScrollSidebar allows you...

  • By
    Create a Clearable TextBox with the Dojo Toolkit

    Usability is a key feature when creating user interfaces;  it's all in the details.  I was recently using my iPhone and it dawned on my how awesome the "x" icon is in its input elements.  No holding the delete key down.  No pressing it a...

Discussion

  1. Lee

    I give it a day before it resembles a sausage convention. And by sausage convention I mean the German kind. And by German kind, I mean penises. Lots and lots of penises.

    • Evan

      I would never use a video chat app called MEATspaces for this very reason…

  2. MaMaL

    Awesome idea! I’ll check it out as soon as my class finishes. No good signal here inside. :(
    Thank you D. Walsh. <3

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!