@flashphoner/sfusdk-examples 2.0.318 → 2.0.322

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flashphoner/sfusdk-examples",
-  "version": "2.0.318",
+  "version": "2.0.322",
   "description": "Official Flashphoner WebCallServer SFU SDK usage examples",
   "main": "dist/sfu.js",
   "types": "src/sfu.ts",
@@ -27,7 +27,7 @@
     "webpack-cli": "^4.10.0"
   },
   "dependencies": {
-    "@flashphoner/sfusdk": "^2.0.193",
+    "@flashphoner/sfusdk": "^2.0.321",
     "kalmanjs": "^1.1.0"
   }
 }

package/src/client/controls.js

@@ -9,7 +9,8 @@ const createControls = function (config) {
             roomName: document.getElementById("roomName"),
             roomPin: document.getElementById("roomPin"),
             nickName: document.getElementById("nickName"),
-            enter: document.getElementById("startButton")
+            enter: document.getElementById("startButton"),
+            transport: document.getElementById("transport")
         },
         addVideoTrack: {
             source: document.getElementById("addVideoTrackSource"),
@@ -171,7 +172,8 @@ const createControls = function (config) {
             url: controls.entrance.url.value,
             roomName: controls.entrance.roomName.value,
             pin: controls.entrance.roomPin.value,
-            nickname: controls.entrance.nickName.value
+            nickname: controls.entrance.nickName.value,
+            transport: controls.entrance.transport.value
         };
         if (config.room.failedProbesThreshold !== undefined) {
             roomConfig.failedProbesThreshold = config.room.failedProbesThreshold;

package/src/client/main.html

@@ -216,6 +216,14 @@
                     <label for="nickName">Nickname</label>
                     <input class="form-control" id="nickName" type="text" value="Bob">
                 </div>
+
+                <div class="row mb-2">
+                    <label for="transport">Transport</label>
+                    <select class="form-select" id="transport">
+                        <option value="" selected>Auto (server default)</option>
+                        <!-- Other options are populated dynamically by init() in main.js -->
+                    </select>
+                </div>
             </div>
             <div class="modal-footer">
                 <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" onclick="cancel()">Close</button>

package/src/client/main.js

@@ -78,6 +78,15 @@ const init = function () {
         //use default config
         cControls = createControls(defaultConfig);
     });
+
+    // insert transport values in entrance modal
+    const transportSelect = document.getElementById('transport');
+    Object.values(constants.SFU_TRANSPORT_TYPE).forEach(value => {
+        const option = document.createElement('option');
+        option.value = value;
+        option.textContent = value;
+        transportSelect.appendChild(option);
+    });
     //open entrance modal
     $('#entranceModal').modal('show');
 }
@@ -202,7 +211,8 @@ const publishPreconfiguredStreams = async function (room, pc, streams) {
             localDisplay.add(s.stream.id, "local", s.stream, contentType);
         });
         //join room
-        await room.join(pc, null, config, 10);
+        const transportType = cControls.roomConfig().transport;
+        await room.join(pc, null, config, 10, transportType);
         // Enable Delete button for each preconfigured stream #WCS-3689
         streams.forEach(function (s) {
             $('#' + s.stream.id + "-button").prop('disabled', false);

package/src/sfu.ts

@@ -4,7 +4,8 @@ import {
     RoomEvent,
     SfuEvent,
     State,
-    StatsType
+    StatsType,
+    TransportType
 } from "@flashphoner/sfusdk";
 
 export async function createRoom(options: {
@@ -38,7 +39,8 @@ export const constants = {
     SFU_EVENT: SfuEvent,
     SFU_ROOM_EVENT: RoomEvent,
     SFU_STATE: State,
-    SFU_RTC_STATS_TYPE: StatsType
+    SFU_RTC_STATS_TYPE: StatsType,
+    SFU_TRANSPORT_TYPE: TransportType
 }
 
 export function createFilter() : KalmanFilter {