updates sample app to add hasAudio, hasVideo and outputMode

Author: jcague

sample/Archiving/public/js/host.js

@@ -18,20 +18,33 @@ session.on('archiveStarted', function(event) {
   console.log("ARCHIVE STARTED");
   $(".start").hide();
   $(".stop").show();
+  disableForm();
 });
 
 session.on('archiveStopped', function(event) {
   archiveID = null;
   console.log("ARCHIVE STOPPED");
   $(".start").show();
   $(".stop").hide();
+  enableForm();
 });
 
 $(document).ready(function() {
-  $(".start").click(function(event){
-    $.get("start");
+  $(".start").click(function (event) {
+    var options = $(".archive-options").serialize();
+    disableForm();
+    $.post("/start", options).fail(enableForm);
   }).show();
   $(".stop").click(function(event){
     $.get("stop/" + archiveID);
   }).hide();
-});
+});
+
+
+function disableForm() {
+  $(".archive-options-fields").attr('disabled', 'disabled');
+}
+
+function enableForm() {
+  $(".archive-options-fields").removeAttr('disabled');
+}

sample/Archiving/src/main/java/com/example/ArchivingServer.java

@@ -3,12 +3,16 @@
 import static spark.Spark.*;
 
 import com.opentok.*;
+import com.opentok.Archive.OutputMode;
+
 import spark.*;
 
 import java.util.Map;
 import java.util.HashMap;
 import java.util.List;
 
+import javax.servlet.http.HttpServletRequest;
+
 import com.opentok.exception.OpenTokException;
 
 public class ArchivingServer {
@@ -137,14 +141,31 @@ public Object handle(Request request, Response response) {
             }
         });
 
-        get(new Route("/start") {
+        post(new Route("/start") {
             @Override
             public Object handle(Request request, Response response) {
 
                 Archive archive = null;
+                HttpServletRequest req = request.raw();
+                boolean hasAudio = req.getParameterMap().containsKey("hasAudio");
+                boolean hasVideo = req.getParameterMap().containsKey("hasVideo");
+                OutputMode outputMode = OutputMode.COMPOSED;
+                if (req.getParameterMap().containsKey("outputMode")) {
+                    switch(req.getParameter("outputMode")) {
+                    case "individual": 
+                        outputMode = OutputMode.INDIVIDUAL; 
+                        break;
+                    case "composed": 
+                    default: 
+                        outputMode = OutputMode.COMPOSED;
+                    }
+                }
                 try {
                     ArchiveProperties properties = new ArchiveProperties.Builder()
-                                            .name("Java Archiving Sample App").build();
+                                            .name("Java Archiving Sample App")
+                                            .hasAudio(hasAudio)
+                                            .hasVideo(hasVideo)
+                                            .outputMode(outputMode).build();
                     archive = opentok.startArchive(sessionId, properties);
                 } catch (OpenTokException e) {
                     e.printStackTrace();

sample/Archiving/src/main/resources/com/example/freemarker/host.ftl

@@ -14,6 +14,29 @@
           <div id="subscribers"><div id="publisher"></div></div>
         </div>
         <div class="panel-footer">
+          <form class="archive-options">
+              <fieldset class="archive-options-fields">
+                  <div class="form-group">
+                      <p class="help-block">Archive Options:</p>
+                      <label class="checkbox-inline">
+                          <input type="checkbox" name="hasAudio" checked> Audio
+                      </label>
+                      <label class="checkbox-inline">
+                          <input type="checkbox" name="hasVideo" checked> Video
+                      </label>
+                  </div>
+
+                  <div class="form-group">
+                      <p class="help-block">Output Mode:</p>
+                      <label class="radio-inline">
+                          <input type="radio" name="outputMode" value="composed" checked> Composed
+                      </label>
+                      <label class="radio-inline">
+                          <input type="radio" name="outputMode" value="individual"> Individual
+                      </label>
+                  </div>
+              </fieldset>
+          </form>
           <button class="btn btn-danger start">Start archiving</button>
           <button class="btn btn-success stop">Stop archiving</button>
         </div>