sample/Archiving/public/js/host.js in opentok-2.2.4 vs sample/Archiving/public/js/host.js in opentok-2.3.0

@@ -1,37 +1,50 @@
 var session = OT.initSession(sessionId),
-    publisher = OT.initPublisher("publisher"),
+    publisher = OT.initPublisher('publisher'),
     archiveID = null;
 
 session.connect(apiKey, token, function(err, info) {
   if(err) {
     alert(err.message || err);
   }
   session.publish(publisher);
 });
 
 session.on('streamCreated', function(event) {
-  session.subscribe(event.stream, "subscribers", { insertMode: "append" });
+  session.subscribe(event.stream, 'subscribers', { insertMode: 'append' });
 });
 
 session.on('archiveStarted', function(event) {
   archiveID = event.id;
-  console.log("ARCHIVE STARTED");
-  $(".start").hide();
-  $(".stop").show();
+  console.log('ARCHIVE STARTED');
+  $('.start').hide();
+  $('.stop').show();
+  disableForm();
 });
 
 session.on('archiveStopped', function(event) {
   archiveID = null;
-  console.log("ARCHIVE STOPPED");
-  $(".start").show();
-  $(".stop").hide();
+  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);
+  $('.stop').click(function(event){
+    $.get('stop/' + archiveID);
   }).hide();
 });
+
+
+function disableForm() {
+  $('.archive-options-fields').attr('disabled', 'disabled');
+}
+
+function enableForm() {
+  $('.archive-options-fields').removeAttr('disabled');
+}