Example site layout updates.

.gitignore

@@ -1,4 +1,3 @@
-node_modules
 lib-cov
 *.seed
 *.log
@@ -13,5 +12,5 @@ pids
 logs
 results
 
-npm-debug.log
-
+node_modules
+npm-debug.log

README.md

@@ -1,80 +1,48 @@
-# webRTC.io
-### [demo](http://webrtc.dennis.is/)
-An abstraction layer for webRTC. Aim is to simplify the HTML5 web standard webRTC in a similar manner to socket.io w/ websockets. This project is still in an infantile stage, please send feature requests (or pulls!) to us as well as bug reports.
+#webrtc.io-demo
+==============
 
-## What is webRTC?
-webRTC is a new webstandard being developed for peer-to-peer communication on the web. This means that browsers will be able to send information, without sending information through the server. Server side this will reduce load dramatically.
+You can have a look at the [demo](http://webrtc.dennis.is/)
 
-Currently the webRTC standard is very focused on the video & audio aspects of the project. In the future (hopefully near future!) they will begin implementing the data channel, which will allow arbitrary data to be sent peer-to-peer. For now the webRTC team is focused on stabalizing and optimizing the video and audio channels.
+##Instructions on how to setup the demo:
 
-Unfortunately, a server (or two) will still be required for two reasons, The media for the page must be initially supplied, and the server, in conjunction with a [STUN server](http://en.wikipedia.org/wiki/STUN) (abstracted away by the webRTC.io library), is required to synchronize the connections.
+Run in your terminal
 
-## Browser Support
-webRTC is supported in very few browsers. We recommend either chrome from either the dev channel or the canary release.
-After installation, go to [About://flags](chrome://flags/). Enable
+```bash 
+git clone [email protected]:webRTC/webrtc.io-demo.git
 ```
-Enable Media Source API on <video> elements. (this may be unnecessary)
-Enable MediaStream (this may be unnecessary)
-Enable PeerConnection
-```
-
-## Demo
-This is a multi-person chat room demo written using our webRTC.io library. [Example Site](http://webrtc.dennis.is/) & [Repository](http://www.github.com/webRTC/webrtc.io-demo/) (browser support section still applies!)
 
-## Installation
-```bash
- npm install webrtc.io
+```bash 
+cd webrtc.io-demo
 ```
-for absurdly detailed instruction on setting up the demo, go to the demo repo.
-
-To run the server in debug mode, append '-debug' to the node command
-
-## Example code
 
-### Client
-
-```html
-<video id="local" autoplay="autoplay"></video>
-<video id="remote" autoplay="autoplay"></video>
-
-<script src="/webrtc.io.js"></script>
-<script>
+```bash 
+npm install
+```
 
-  // note: make sure hostname available to all connecting clients
-  // (ie. probably not `localhost`)
-  rtc.connect('ws://yourserveraddress:8001');
+```bash 
+cd site
+```
 
-  rtc.createStream({"video": true, "audio":false}, function(stream){
-    // get local stream for manipulation
-    rtc.attachStream(stream, 'local');
-  });
+```bash 
+node server.js
+```
 
-  rtc.on('add remote stream', function(stream){
-    // show the remote video
-    rtc.attachStream(stream, 'remote');
-  });
+In a version of Chrome that have webRTC support.
 
-  // more rtc callbacks are available
-</script>
-```
+go to [localhost:8080](http://localhost:8080)
 
-### Server
+click allow to see your camera
 
-```javascript
-var webRTC = require('webrtc.io').listen(8001);
-//then a bunch of callbacks are available
-```
+go to [localhost:8080](http://localhost:8080)
 
-## Stumped?
-```
-#webrtc.io on freenode
-```
+click allow to see your camera and the connection will be made between your to open windows.
 
-### License
-Copyright (C) 2012 [Ben Brittain](https://github.com/cavedweller), [Dennis Mårtensson](https://github.com/dennismartensson), [David Peter](https://github.com/sarenji)
 
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+##For instructions on how to start developing with webRTC.io
 
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+go to [https://github.com/webRTC/webRTC.io](https://github.com/webRTC/webRTC.io) and read the instructions.
 
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+Developed by:
+    [@dennismatensson](https://github.com/dennismartensson)
+    [@cavedweller](https://github.com/cavedweller)
+    [@sarenji](https://github.com/sarenji)

lib/webrtc.io.js

@@ -112,6 +112,9 @@ function attachEvents(manager) {
       }
       // we are leaved the room so lets notify about that
       rtc.fire('room_leave', room, socket.id);
+
+      //check if the room has any existing users and remove it if it doesn't
+
 
       // call the disconnect callback
       rtc.fire('disconnect', rtc);
@@ -127,7 +130,6 @@ function attachEvents(manager) {
   // manages the built-in room functionality
   rtc.on('join_room', function(data, socket) {
     iolog('join_room');
-
     var connectionsId = [];
     var roomList = rtc.rooms[data.room] || [];
 

package.json

@@ -1,23 +1,37 @@
 {
-  "name": "webrtc.io",
-  "version": "0.0.4",
-  "description": "Abstraction for webRTC.",
-  "main": "index.js",
-  "repository": {
-    "type": "git",
-    "url": "git://github.com/cavedweller/webRTC.io.git"
+  "name": "MultiWebRTC",
+  "description": "Example of multi user webrtc",
+  "version": "0.0.2-1",
+  "engines": {
+    "node": ">= 0.6.0"
   },
   "dependencies": {
-    "ws": ">= 0.0.0"
+    "webrtc.io": "latest",
+    "webrtc.io-client": "latest",
+    "express": "3.1.0",
+    "ws": "latest"
+  },
+  "subdomain": "MultiWebRTC",
+  "scripts": {
+    "start": "example/server.js"
   },
-  "keywords": [
-    "webrtc"
-  ],
   "author": "Ben Brittain",
   "contributors": [
-      { "name": "Ben Brittain", "email": "[email protected]" }
-    , { "name": "Dennis Mårtensson", "email": "[email protected]" }
-    , { "name": "David Peter", "email": "[email protected]" }
-  ],
-  "license": "MIT"
+    {
+      "name": "Ben Brittain",
+      "email": "[email protected]"
+    },
+    {
+      "name": "Dennis Mårtensson",
+      "email": "[email protected]"
+    },
+    {
+      "name": "David Peter",
+      "email": "[email protected]"
+    },
+    {
+      "name": "Allan Bogh",
+      "email": "[email protected]"
+    }
+  ]
 }

site/index.html

@@ -0,0 +1,34 @@
+<html>
+  <head>
+    <title>Example webrtc.io</title>
+    <link type="text/css" href="/style.css" rel="stylesheet"></link>
+
+    <script src="/webrtc.io.js"></script>
+  </head>
+  <body onload="init()">
+
+    <div id="sidebar">
+      <div class="buttonBox">
+        <div id="fullscreen" class="button">Enter Full Screen</div>
+        <div id="joinRoom" class="button">Join Room</div>
+      </div>
+      <video id="you" class="flip" autoplay></video>
+      <div id="chatbox">
+        <!--<div id="hideShowMessages" class="button">toggle chat</div>-->
+        <div id="messages">
+        </div>
+        <input id="chatinput" type="text" placeholder="Message:"/>
+      </div>
+    </div>
+
+    <div id="videos" class="clearfix"></div>
+
+    <div id="roomList" class="hide">
+      <h1 class="title">Room List<span class="closeButton">X</span></h1>
+      <div><label>Room name: <input type="text" id="roomName" name="roomName" /></label><div id="createRoom" class="button">Join Room</div></div>
+      <div id="roomListCont"></div>
+    </div>
+
+    <script src="/script.js"></script>
+  </body>
+</html>