Fixes bug with no audio when film strip is hidden.

bottom_toolbar.js

@@ -22,7 +22,8 @@ var BottomToolbar = (function (my) {
     };
 
     my.toggleFilmStrip = function() {
-        $("#remoteVideos").toggle("slide", { direction: "down", duration: 700});
+        var filmstrip = $("#remoteVideos");
+        filmstrip.toggleClass("hidden");
     };
 
 

css/videolayout_default.css

@@ -19,6 +19,11 @@
     width:auto;
     border:1px solid transparent;
     z-index: 5;
+    transition: bottom 2s;
+}
+
+#remotevideos.hidden {
+    bottom: -196px;
 }
 
 .videocontainer {

index.html

@@ -48,12 +48,12 @@
     <script src="canvas_util.js?v=1"></script><!-- canvas drawing utils -->
     <script src="audio_levels.js?v=1"></script><!-- audio levels plugin -->
     <script src="media_stream.js?v=1"></script><!-- media stream -->
-    <script src="bottom_toolbar.js?v=1"></script><!-- media stream -->
+    <script src="bottom_toolbar.js?v=2"></script><!-- media stream -->
     <script src="roomname_generator.js?v=1"></script><!-- generator for random room names -->
     <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
     <link rel="stylesheet" href="css/font.css?v=3"/>
     <link rel="stylesheet" type="text/css" media="screen" href="css/main.css?v=23"/>
-    <link rel="stylesheet" type="text/css" media="screen" href="css/videolayout_default.css?v=9" id="videolayout_default"/>
+    <link rel="stylesheet" type="text/css" media="screen" href="css/videolayout_default.css?v=10" id="videolayout_default"/>
     <link rel="stylesheet" href="css/jquery-impromptu.css?v=4">
     <link rel="stylesheet" href="css/modaldialog.css?v=3">
     <link rel="stylesheet" href="css/popup_menu.css?v=2">