diff --git a/src/js/index.js b/src/js/index.js
index 3bc9abd..c78d52b 100644
--- a/src/js/index.js
+++ b/src/js/index.js
@@ -27,14 +27,19 @@ activeStore.addListener(render);
 
 render();
 
+getUserMedia({ video: true, audio: false })
+.then(stream => {
+  dispatcher.dispatch({
+    type: 'add-stream',
+    userId: '_me_',
+    stream
+  });
+});
+
 socket.once('connect', () => {
   debug('socket connected');
   getUserMedia({ video: true, audio: true })
   .then(stream => {
-    dispatcher.dispatch('add-stream', {
-      userId: '_me_',
-      stream
-    });
     debug('forwarding stream to handshake');
     handshake.init(socket, 'test', stream);
   })
diff --git a/src/less/main.less b/src/less/main.less
index 83aac39..193eec4 100644
--- a/src/less/main.less
+++ b/src/less/main.less
@@ -62,7 +62,7 @@ body {
       right: 0;
       top: 0;
       bottom: 0;
-      z-index: 1;
+      z-index: -1;
 
       video {
         pointer: inherit;