Showcase on Real time video sharing built on nowJS

I am learning nowJS, a framework to build real time application built on Node.JS, and had made a simple web application that is able to share screen to the other clients in real time. This apps includes client side and server side is 100% completely written in JavaScript.

I had recorded a video and exported into HTML5 Webkit compatible video clip, and included into web page using HTML5 <video> tags. And then, the screens will be copied into HTML5 <canvas>. After that, the magic comes, the screen in HTML5 <canvas> will be real time broadcasted to the other client browsers (tested on Google Chrome, Apple Safari, and Apple Safari Browser runs on iPhone, or webkit browser). I had applied some algorithms to manipulate the video as well. The canvas also allows simple line drawing. At the end, the results of the canvas will broadcast to the other client browsers in real time.

Attached is the showcase video:

 

Fork me on Github: https://github.com/fyhao/Real-time-video-sharing-built-on-nowJS-and-Node.JS

corMVC jQuery single page framework

CorMVC by Ben Nadel is a jQuery-powered Model-View-Controller (MVC) framework that can aide in the development of single-page, web-based applications. CorMVC stands for client-only-required model-view-controller and is designed to be lowest possible entry point to learning about single-page application architecture. It does not presuppose any server-side technologies, or a web server of any kind, and requires no more than a web browser to get up and running.

Real time apps using nowJS

Real time technology is powerful, syncing states between peers in finger tips.

A JavaScript framework built on Node.JS, which named nowJS, provides a very simple, reliable real time feature that easily sync states between client and server, written entirely in JavaScript.

It’s automatically sync the JavaScript variables and functions between clients and servers. Say call client’s functions from server, or call server’s function from client.

Links:

  1. nowJS Official Page http://nowjs.com
  2. nowJS Source code available on Github https://github.com/Flotype/now
  3. Flotype real time infrastructure http://flotype.com
  4. Real time messaging and synchronization using nowJS and Node.JS http://www.bennadel.com/blog/2171-Realtime-Messaging-And-Synchronization-With-NowJS-And-Node-js.htm
  5. nowJS Best Practices http://nowjs.com/bestpractices
  6. nowJS simplifying development of real time apps http://www.building43.com/videos/2011/08/02/nowjs-simplifying-development-of-real-time-apps/