Add initial push to talk version

static/galene.html

@@ -47,11 +47,17 @@
                   </button>
                 </li>
                 <li>
-                  <div id="mutebutton" class="nav-link nav-button">
+                  <div id="mutebutton" class="nav-link nav-button invisible">
                     <span><i class="fas fa-microphone-slash" aria-hidden="true"></i></span>
                     <label>Mute</label>
                   </div>
                 </li>
+                <li>
+                  <div id="videoon" class="nav-link nav-button invisible">
+                    <span><i class="fas fa-video-camera" aria-hidden="true"></i></span>
+                    <label>Camera</label>
+                  </div>
+                </li>
                 <li>
                   <div id="sharebutton" class="invisible nav-link nav-button">
                     <span><i class="fas fa-share-square" aria-hidden="true"></i></span>
@@ -69,10 +75,24 @@
           <div class="row full-width" id="mainrow">
             <div class="coln-left" id="left">
               <div id="chat">
+                <div class="video-container invisible" id="myvideo-container">
+                  <div class="chat-btn collapse-video invisible" id="collapse-video">
+                    <i class="far fa-comment-alt icon-chat" title="Hide video and show chat"></i>
+                  </div>
+                    <div id="mypeer"></div>
+                </div>
                 <div id="chatbox">
                   <div class="close-chat" id="close-chat"  title="Hide chat">
                     <span class="close-icon"></span>
                   </div>
+                  <span class="show-video blink invisible" id="show-video">
+                    <i class="fas fa-exchange-alt" aria-hidden="true"></i>
+                  </span>
+                  <button id="pushtalk" class="btn btn-big btn-success invisible">
+                    <i id="pushvideo" class="fas fa-play invisible" aria-hidden="true"></i>
+                    <i id="pushmic" class="fas fa-microphone invisible" aria-hidden="true"></i>
+                  </button>
+
                   <div id="box"></div>
                   <div class="reply">
                     <form id="inputform">
@@ -85,19 +105,11 @@
             </div>
             <div id="resizer"></div>
             <div class="coln-right" id="right">
-              <span class="show-video blink invisible" id="show-video">
-                <i class="fas fa-exchange-alt" aria-hidden="true"></i>
-              </span>
               <div class="chat-btn show-chat invisible" id="show-chat">
                 <i class="far fa-comment-alt icon-chat" title="Show chat"></i>
               </div>
-              <div class="chat-btn collapse-video invisible" id="collapse-video">
-                <i class="far fa-comment-alt icon-chat" title="Hide video and show chat"></i>
-              </div>
               <div class="video-container invisible" id="video-container">
-                <div id="expand-video" class="expand-video">
-                  <div id="peers"></div>
-                </div>
+                <div id="peers"></div>
               </div>
               <div class="login-container invisible" id="login-container">
                 <div class="login-box">
@@ -110,17 +122,17 @@
                            autocomplete="current-password" class="form-control"/>
                     <label>Enable at start:</label>
                     <div class="present-switch">
-                      <p class="switch-radio">
-                        <input id="presentoff" type="radio" name="presentradio" value="" checked/>
+                      <!--<p class="switch-radio">
+                        <input id="presentoff" type="radio" name="presentradio" value=""/>
                         <label for="presentoff">Nothing</label>
-                      </p>
+                      </p>-->
                       <p class="switch-radio">
                         <input id="presentmike" type="radio" name="presentradio" value="mike"/>
-                        <label for="presentmike">Microphone</label>
+                        <label for="presentmike">Audio only</label>
                       </p>
                       <p class="switch-radio">
-                        <input id="presentboth" type="radio" name="presentradio" value="both"/>
-                        <label for="presentboth">Camera and microphone</label>
+                        <input id="presentvideo" type="radio" name="presentradio" value="camera" checked/>
+                        <label for="presentvideo">Audio and Camera</label>
                       </p>
                     </div>
                     <div class="clear"></div>
@@ -209,9 +221,9 @@
           <form id="sendform">
             <label for="sendselect" class="sidenav-label-first">Send:</label>
             <select id="sendselect" class="select select-inline">
-              <option value="lowest">lowest</option>
+              <option value="lowest" selected>lowest</option>
               <option value="low">low</option>
-              <option value="normal" selected>normal</option>
+              <option value="normal">normal</option>
               <option value="unlimited">unlimited</option>
             </select>
           </form>
@@ -258,7 +270,7 @@
           </span>
         </div>
         <div class="controls-button controls-right">
-          <span class="pip" title="Picture In Picture">
+          <span class="pip invisible" title="Picture In Picture">
             <i class="far fa-clone" aria-hidden="true"></i>
           </span>
           <span class="fullscreen" title="Fullscreen">
@@ -272,6 +284,10 @@
         <div class="controls-button controls-right">
           <span class="close-icon video-stop" title="Stop video">
           </span>
+          <span class="change-camera"><i class='fas fa-camera-rotate'></i></span>
+        </div>
+        <div class="controls-button controls-left">
+          <span class="video-off"><i class='fas fa-video-camera'></i></span>
         </div>
       </div>
     </div>