Testing your code in a browser

At this point, your app.js file should look something like this (with a few adjustments):

// replace these values with those generated in your Video API account
var applicationId = "YOUR_APP_ID";
var sessionId = "YOUR_SESSION_ID";
var token = "YOUR_TOKEN";

initializeSession();

// Handling all of our errors here by alerting them
function handleError(error) {
  if (error) {
    alert(error.message);
  }
}

function initializeSession() {
  const session = OT.initSession(applicationId, sessionId);

  // Subscribe to a newly created stream
  session.on('streamCreated', function(event) {
    session.subscribe(event.stream, 'subscriber', {
      insertMode: 'append',
      width: '100%',
      height: '100%'
    }, handleError);
  });

  // Create a publisher
  const publisher = OT.initPublisher('publisher', {
    insertMode: 'append',
    width: '100%',
    height: '100%'
  }, handleError);

  // Connect to the session
  session.connect(token, function(error) {
    // If the connection is successful, publish to the session
    if (error) {
      handleError(error);
    } else {
      session.publish(publisher, handleError);
    }
  });
}

1. Open the index.html file in your browser by double-clicking on it.
2. The browser will ask for permission to use your camera and microphone, go ahead and allow it access.
3. You should see yourself appear on the screen.

Next, we can test what it looks like if someone else connects. While our code is not reachable from the internet, we can simulate that by opening this page in another window.

1. Mute yourself to avoid any feedback.
2. Copy the URL in the address bar of your browser.
3. Open a new window or tab, and paste in the address to open the file.
4. You should see yourself twice now (with one mirrored from the other, depending on your browser).

Troubleshooting tip: If there's no video showing up on the page, open the "console" tab in your browser tools (command+option+i on Mac, CTRL+i on Windows) and check for errors. The most likely issue is that your API key, session ID, or token is not set up properly. Since you hard coded your credentials, it's also possible that your token has expired.