updates sample app to add hasAudio, hasVideo and outputMode

Author: jcague

sample/Archiving/archiving.py

@@ -1,5 +1,5 @@
 from flask import Flask, render_template, request, redirect, url_for
-from opentok import OpenTok, MediaModes
+from opentok import OpenTok, MediaModes, OutputModes
 from email.utils import formatdate
 import os, time
 
@@ -52,9 +52,13 @@ def download(archive_id):
     archive = opentok.get_archive(archive_id)
     return redirect(archive.url)
 
-@app.route("/start")
+@app.route("/start", methods=['POST'])
 def start():
-    archive = opentok.start_archive(session.session_id, name="Python Archiving Sample App")
+    has_audio = 'hasAudio' in request.form.keys()
+    has_video = 'hasVideo' in request.form.keys()
+    output_mode = OutputModes[request.form.get('outputMode')]
+    archive = opentok.start_archive(session.session_id, name="Python Archiving Sample App",
+                                    has_audio=has_audio, has_video=has_video, output_mode=output_mode)
     return archive.json()
 
 @app.route("/stop/<archive_id>")

sample/Archiving/static/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/templates/host.html

@@ -15,6 +15,29 @@ <h3 class="panel-title">Host</h3>
           <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>