Initial commit of Twilio Server Starter for Python

2016-11-14 10:41:18 -06:00
parent 5430cce36c
commit 49b3c6d012
20 changed files with 1259 additions and 2 deletions
--- a/static/video/quickstart.js
+++ b/static/video/quickstart.js
@@ -0,0 +1,120 @@
+var videoClient;
+var activeRoom;
+var previewMedia;
+var identity;
+var roomName;
+
+// Check for WebRTC
+if (!navigator.webkitGetUserMedia && !navigator.mozGetUserMedia) {
+  alert('WebRTC is not available in your browser.');
+}
+
+// When we are about to transition away from this page, disconnect
+// from the room, if joined.
+window.addEventListener('beforeunload', leaveRoomIfJoined);
+
+$.getJSON('/token', function (data) {
+  identity = data.identity;
+
+  // Create a Conversations Client and connect to Twilio
+  videoClient = new Twilio.Video.Client(data.token);
+  document.getElementById('room-controls').style.display = 'block';
+
+  // Bind button to join room
+  document.getElementById('button-join').onclick = function () {
+    roomName = document.getElementById('room-name').value;
+    if (roomName) {
+      log("Joining room '" + roomName + "'...");
+
+      videoClient.connect({ to: roomName}).then(roomJoined,
+        function(error) {
+          log('Could not connect to Twilio: ' + error.message);
+        });
+    } else {
+      alert('Please enter a room name.');
+    }
+  };
+
+  // Bind button to leave room
+  document.getElementById('button-leave').onclick = function () {
+    log('Leaving room...');
+    activeRoom.disconnect();
+  };
+});
+
+// Successfully connected!
+function roomJoined(room) {
+  activeRoom = room;
+
+  log("Joined as '" + identity + "'");
+  document.getElementById('button-join').style.display = 'none';
+  document.getElementById('button-leave').style.display = 'inline';
+
+  // Draw local video, if not already previewing
+  if (!previewMedia) {
+    room.localParticipant.media.attach('#local-media');
+  }
+
+  room.participants.forEach(function(participant) {
+    log("Already in Room: '" + participant.identity + "'");
+    participant.media.attach('#remote-media');
+  });
+
+  // When a participant joins, draw their video on screen
+  room.on('participantConnected', function (participant) {
+    log("Joining: '" + participant.identity + "'");
+    participant.media.attach('#remote-media');
+
+    participant.on('disconnected', function (participant) {
+      log("Participant '" + participant.identity + "' left the room");
+    });
+  });
+
+  // When a participant disconnects, note in log
+  room.on('participantDisconnected', function (participant) {
+    log("Participant '" + participant.identity + "' left the room");
+    participant.media.detach();
+  });
+
+  // When the conversation ends, stop capturing local video
+  // Also remove media for all remote participants
+  room.on('disconnected', function () {
+    log('Left');
+    room.localParticipant.media.detach();
+    room.participants.forEach(function(participant) {
+      participant.media.detach();
+    });
+    activeRoom = null;
+    document.getElementById('button-join').style.display = 'inline';
+    document.getElementById('button-leave').style.display = 'none';
+  });
+}
+
+//  Local video preview
+document.getElementById('button-preview').onclick = function () {
+  if (!previewMedia) {
+    previewMedia = new Twilio.Video.LocalMedia();
+    Twilio.Video.getUserMedia().then(
+    function (mediaStream) {
+      previewMedia.addStream(mediaStream);
+      previewMedia.attach('#local-media');
+    },
+    function (error) {
+      console.error('Unable to access local media', error);
+      log('Unable to access Camera and Microphone');
+    });
+  };
+};
+
+// Activity log
+function log(message) {
+  var logDiv = document.getElementById('log');
+  logDiv.innerHTML += '<p>&gt;&nbsp;' + message + '</p>';
+  logDiv.scrollTop = logDiv.scrollHeight;
+}
+
+function leaveRoomIfJoined() {
+  if (activeRoom) {
+    activeRoom.disconnect();
+  }
+}