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
    Regular Expressions for the Rest of Us

    Sooner or later you'll run across a regular expression. With their cryptic syntax, confusing documentation and massive learning curve, most developers settle for copying and pasting them from StackOverflow and hoping they work. But what if you could decode regular expressions and harness their power? In...

  • By
    Introducing MooTools Templated

    One major problem with creating UI components with the MooTools JavaScript framework is that there isn't a great way of allowing customization of template and ease of node creation. As of today, there are two ways of creating: new Element Madness The first way to create UI-driven...

Incredible Demos

  • By
    Fancy Navigation with MooTools JavaScript

    Navigation menus are traditionally boring, right? Most of the time the navigation menu consists of some imagery with a corresponding mouseover image. Where's the originality? I've created a fancy navigation menu that highlights navigation items and creates a chain effect. The XHTML Just some simple...

  • By
    Chris Coyier’s Favorite CodePen Demos IV

    Did you know you can triple-heart things on CodePen? We’ve had that little not-so-hidden feature forever. You can click that little heart button on any Pen (or Project, Collection, or Post) on CodePen to show the creator a little love, but you can click it again...

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!