Update JS samples to use latest API and add error handling

Author: aiham

sample/Archiving/public/js/host.js

@@ -1,16 +1,27 @@
-var session = OT.initSession(sessionId),
+var session = OT.initSession(apiKey, sessionId),
     publisher = OT.initPublisher("publisher"),
     archiveID = null;
 
-session.connect(apiKey, token, function(err, info) {
-  if(err) {
-    alert(err.message || err);
+session.connect(token, function(error, info) {
+  if (error) {
+    console.error('Failed to connect', error);
+  } else {
+    session.publish(publisher, function(error) {
+      if (error) {
+        console.error('Failed to publish', error);
+      }
+    });
   }
-  session.publish(publisher);
 });
 
 session.on('streamCreated', function(event) {
-  session.subscribe(event.stream, "subscribers", { insertMode: "append" });
+  session.subscribe(event.stream, "subscribers", {
+    insertMode: "append"
+  }, function(error) {
+    if (error) {
+      console.error('Failed to subscribe', error);
+    }
+  });
 });
 
 session.on('archiveStarted', function(event) {
@@ -47,4 +58,4 @@ function disableForm() {
 
 function enableForm() {
   $(".archive-options-fields").removeAttr('disabled');
-}
+}

sample/Archiving/public/js/participant.js

@@ -1,13 +1,24 @@
-var session = OT.initSession(sessionId),
+var session = OT.initSession(apiKey, sessionId),
     publisher = OT.initPublisher("publisher");
 
-session.connect(apiKey, token, function(err, info) {
-  if(err) {
-    alert(err.message || err);
+session.connect(token, function(error, info) {
+  if (error) {
+    console.error('Failed to connect', error);
+  } else {
+    session.publish(publisher, function(error) {
+      if (error) {
+        console.error('Failed to publish', error);
+      }
+    });
   }
-  session.publish(publisher);
 });
 
 session.on('streamCreated', function(event) {
-  session.subscribe(event.stream, "subscribers", { insertMode : "append" });
-});
+  session.subscribe(event.stream, "subscribers", {
+    insertMode : "append"
+  }, function(error) {
+    if (error) {
+      console.error('Failed to subscribe', error);
+    }
+  });
+});

sample/HelloWorld/public/js/helloworld.js

@@ -1,8 +1,8 @@
 // Initialize an OpenTok Session object
-var session = OT.initSession(sessionId);
+var session = OT.initSession(apiKey, sessionId);
 
 // Initialize a Publisher, and place it into the element with id="publisher"
-var publisher = OT.initPublisher(apiKey, 'publisher');
+var publisher = OT.initPublisher('publisher');
 
 // Attach an event handler for when the session dispatches the 'streamCreated' event.
 session.on('streamCreated', function(event) {
@@ -11,19 +11,27 @@ session.on('streamCreated', function(event) {
     // Subscribe to the stream that caused this event, put it inside the DOM element with id='subscribers'
     session.subscribe(event.stream, 'subscribers', {
         insertMode: 'append'
+    }, function(error) {
+        if (error) {
+            console.error('Failed to subscribe', error);
+        }
     });
 });
 
 // Connect to the Session using the 'apiKey' of the application and a 'token' for permission
-session.connect(apiKey, token, function(error) {
+session.connect(token, function(error) {
     // This function runs when session.connect() asynchronously completes
 
     // Handle connection errors
     if (error) {
-        return console.error(error);
+        console.error('Failed to connect', error);
+    } else {
+        // Publish the publisher we initialzed earlier (this will trigger 'streamCreated' on other
+        // clients)
+        session.publish(publisher, function(error) {
+            if (error) {
+                console.error('Failed to publish', error);
+            }
+        });
     }
-
-    // Publish the publisher we initialzed earlier (this will trigger 'streamCreated' on other
-    // clients)
-    session.publish(publisher);
 });