@flashphoner/sfusdk-examples 2.0.318 → 2.0.323

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flashphoner/sfusdk-examples",
-  "version": "2.0.318",
+  "version": "2.0.323",
   "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 {

package/src/webrtc-abr-player/player.js

@@ -133,7 +133,7 @@ const onConnected = async function(state, pc, session) {
         // Display error state
         setStatus(playErrorInfo, e, "red");
     }).on(constants.SFU_ROOM_EVENT.OPERATION_FAILED, function (e) {
-        onOperationFailed(state);
+        onOperationFailed(state, e);
     }).on(constants.SFU_ROOM_EVENT.ENDED, function () {
         // Publishing is stopped, dispose playback and close connection
         setStatus(playErrorInfo, "ABR stream is stopped", "red");
@@ -184,7 +184,7 @@ const onStopClick = async function(state) {
 
 const onOperationFailed = function(state, event) {
     if (event.operation && event.error) {
-        setStatus(playErrorInfo, e.operation + " failed: " + e.error, "red");
+        setStatus(playErrorInfo, event.operation + " failed: " + event.error, "red");
     } else {
         setStatus(playErrorInfo, event, "red");
     }