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
    9 Mind-Blowing WebGL Demos

    As much as developers now loathe Flash, we're still playing a bit of catch up to natively duplicate the animation capabilities that Adobe's old technology provided us.  Of course we have canvas, an awesome technology, one which I highlighted 9 mind-blowing demos.  Another technology available...

  • By
    CSS @supports

    Feature detection via JavaScript is a client side best practice and for all the right reasons, but unfortunately that same functionality hasn't been available within CSS.  What we end up doing is repeating the same properties multiple times with each browser prefix.  Yuck.  Another thing we...

Incredible Demos

  • By
    MooTools Text Flipping

    There are lots and lots of useless but fun JavaScript techniques out there. This is another one of them. One popular April Fools joke I quickly got tired of was websites transforming their text upside down. I found a jQuery Plugin by Paul...

  • By
    GitHub-Style Sliding Links

    GitHub seems to change a lot but not really change at all, if that makes any sense; the updates come often but are always fairly small. I spotted one of the most recent updates on the pull request page. Links to long branch...

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!