@flashphoner/sfusdk-examples 2.0.57 → 2.0.65

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flashphoner/sfusdk-examples",
-  "version": "2.0.57",
+  "version": "2.0.65",
   "description": "Official Flashphoner WebCallServer SFU SDK usage examples",
   "main": "dist/sfu.js",
   "types": "src/sfu.ts",
@@ -27,6 +27,6 @@
     "webpack-cli": "^4.9.2"
   },
   "dependencies": {
-    "@flashphoner/sfusdk": "^2.0.48"
+    "@flashphoner/sfusdk": "^2.0.62"
   }
 }

package/src/client/main.js

@@ -2,6 +2,7 @@ const constants = SFU.constants;
 const sfu = SFU;
 let localDisplay;
 let cControls;
+let pc;
 
 const defaultConfig = {
     room: {
@@ -62,10 +63,9 @@ function connect() {
     //disable controls
     cControls.muteInput();
     //create peer connection
-    const pc = new RTCPeerConnection();
+    pc = new RTCPeerConnection();
     //get config object for room creation
     const roomConfig = cControls.roomConfig();
-    roomConfig.pc = pc;
     //kick off connect to server and local room creation
     const session = sfu.createRoom(roomConfig);
     session.on(constants.SFU_EVENT.CONNECTED, function() {
@@ -125,7 +125,7 @@ function connect() {
             room.updateState(config);
         });
         //join room
-        room.join(config);
+        room.join(pc, null, config);
     });
 }
 

package/src/player/player.js

@@ -96,7 +96,6 @@ const connect = function(state) {
     pc = new RTCPeerConnection();
     //get config object for room creation
     const roomConfig = getRoomConfig(mainConfig);
-    roomConfig.pc = pc;
     roomConfig.url = $("#url").val();
     roomConfig.roomName = $("#roomName").val();
     roomConfig.nickname = $("#" + state.inputId()).val();
@@ -168,7 +167,7 @@ const onStopClick = function(state) {
 const playStreams = function(state) {
     //create remote display item to show remote streams
     remoteDisplay = initRemoteDisplay(document.getElementById("remoteVideo"), state.room, state.pc);
-    state.room.join();
+    state.room.join(state.pc);
 }
 
 const stopStreams = function(state) {

package/src/sfu.ts

@@ -4,8 +4,7 @@ export function createRoom(options: {
     url: string,
     roomName: string,
     pin: string,
-    nickname: string,
-    pc: RTCPeerConnection
+    nickname: string
 }) {
     const sfu = new Sfu();
     sfu.connect({
@@ -13,10 +12,9 @@ export function createRoom(options: {
         nickname: options.nickname,
         logGroup: options.roomName
     });
-    const room = sfu.createRoom({
+    sfu.createRoom({
         name: options.roomName,
-        pin: options.pin,
-        pc: options.pc
+        pin: options.pin
     });
     return sfu;
 }

package/src/two-way-streaming/two-way-streaming.js

@@ -157,7 +157,6 @@ const connect = function(state) {
     pc = new RTCPeerConnection();
     //get config object for room creation
     const roomConfig = getRoomConfig(mainConfig);
-    roomConfig.pc = pc;
     roomConfig.url = $("#url").val();
     roomConfig.roomName = $("#roomName").val();
     roomConfig.nickname = $("#" + state.inputId()).val();
@@ -277,7 +276,7 @@ const publishStreams = async function(state) {
                         subscribeTrackToEndedEvent(state.room, track, state.pc);
                     });
                 });
-                state.room.join(config);
+                state.room.join(state.pc, null, config);
                 // TODO: Use room state or promises to detect if publishing started to enable stop button
                 state.waitFor(document.getElementById("localVideo"), 3000);
             }
@@ -302,7 +301,7 @@ const playStreams = function(state) {
     if (state.isConnected() && state.isActive()) {
         //create remote display item to show remote streams
         remoteDisplay = initRemoteDisplay(document.getElementById("remoteVideo"), state.room, state.pc);
-        state.room.join();
+        state.room.join(state.pc);
     }
     $("#" + state.buttonId()).prop('disabled', false);
 }