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
    CSS Gradients

    With CSS border-radius, I showed you how CSS can bridge the gap between design and development by adding rounded corners to elements.  CSS gradients are another step in that direction.  Now that CSS gradients are supported in Internet Explorer 8+, Firefox, Safari, and Chrome...

  • By
    5 More HTML5 APIs You Didn’t Know Existed

    The HTML5 revolution has provided us some awesome JavaScript and HTML APIs.  Some are APIs we knew we've needed for years, others are cutting edge mobile and desktop helpers.  Regardless of API strength or purpose, anything to help us better do our job is a...

Incredible Demos

  • By
    Save Web Form Content Using Control + S

    We've all used word processing applications like Microsoft Word and if there's one thing they've taught you it's that you need to save every few seconds in anticipation of the inevitable crash. WordPress has mimicked this functionality within their WYSIWYG editor and I use it...

  • By
    Introducing MooTools Dotter

    It's best practice to provide an indicator of some sort when performing an AJAX request or processing that takes place in the background. Since the dawn of AJAX, we've been using colorful spinners and imagery as indicators. While I enjoy those images, I am...

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!