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
    Conquering Impostor Syndrome

    Two years ago I documented my struggles with Imposter Syndrome and the response was immense.  I received messages of support and commiseration from new web developers, veteran engineers, and even persons of all experience levels in other professions.  I've even caught myself reading the post...

  • By
    5 Ways that CSS and JavaScript Interact That You May Not Know About

    CSS and JavaScript:  the lines seemingly get blurred by each browser release.  They have always done a very different job but in the end they are both front-end technologies so they need do need to work closely.  We have our .js files and our .css, but...

Incredible Demos

  • By
    Fix Anchor URLs Using MooTools 1.2

    The administrative control panel I build for my customers features FCKEditor, a powerful WYSIWYG editor that allows the customer to add links, bold text, create ordered lists, and so on. I provide training and documentation to the customers but many times they simply forget to...

  • By
    Create a NoScript Compatible Select Form Element with an onChange Event

    I wouldn't say that I'm addicted to checking Google Analytics but I do check my statistics often. I guess hoping for a huge burst of traffic from some unknown source. Anyway, I have multiple sites set up within my account. The way to...

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!