@flashphoner/websdk 2.0.257 → 2.0.258

package/docTemplate/README.md

@@ -1,4 +1,4 @@
-Web SDK - 2.0.257
+Web SDK - 2.0.258
 
 [Download builds](https://docs.flashphoner.com/display/WEBSDK2EN/Web+SDK+release+notes)
 

package/examples/demo/streaming/media_devices_manager/manager.js

@@ -202,6 +202,9 @@ function onUnpublished() {
         publishStatsIntervalID = null;
     }
     enablePublishToggles(false);
+    $("#resolutionBtn").prop('disabled', true);
+    $("#fpsBtn").prop('disabled', true);
+    $("#bitrateBtn").prop('disabled', true);
 }
 
 function publishBtnClick() {
@@ -239,6 +242,46 @@ function onPublishing(stream) {
         });
     }).prop('disabled', !($('#sendAudio').is(':checked')));
     stream.setVolume(currentVolumeValue);
+    $("#resolutionBtn").off('click').click(function () {
+        onResolutionClick(stream);
+    }).prop('disabled', false);
+    $("#fpsBtn").off('click').click(function () {
+        onFpsClick(stream);
+    }).prop('disabled', false);
+    $("#bitrateBtn").off('click').click(function () {
+        onBitrateClick(stream);
+    }).prop('disabled', false);
+}
+
+function onResolutionClick(stream) {
+    stream.updateVideoResolution({
+        width: parseInt($('#sendWidth').val()),
+        height: parseInt($('#sendHeight').val())
+    }).then(function(constraints) {
+        console.log("Publishing video constraints changed to " + JSON.stringify(constraints));
+    }).catch(function(e) {
+        console.error("Error " + e);
+    });
+}
+
+function onBitrateClick(stream) {
+    stream.updateVideoSettings({
+        maxBitrate: parseInt($('#sendVideoMaxBitrate').val())
+    }).then(function(encodings) {
+        console.log("Publishing video encoder parameters changed to " + JSON.stringify(encodings));
+    }).catch(function(e) {
+        console.error("Error " + e);
+    });
+}
+
+function onFpsClick(stream) {
+    stream.updateVideoSettings({
+        frameRate: parseInt($('#fps').val())
+    }).then(function(encodings) {
+        console.log("Publishing video encoder parameters changed to " + JSON.stringify(encodings));
+    }).catch(function(e) {
+        console.error("Error " + e);
+    });
 }
 
 function onPlaying(stream) {
@@ -552,7 +595,12 @@ function setStatus(selector, status, stream) {
 
 function muteInputs(selector) {
     $('[class*=group][id^=' + selector + ']').find('input').each(function () {
-        if ($(this).attr('id') !== 'audioOutput') {
+        if ($(this).attr('id') !== 'audioOutput' &&
+            $(this).attr('id') !== 'sendWidth' &&
+            $(this).attr('id') !== 'sendHeight' &&
+            $(this).attr('id') !== 'fps' &&
+            $(this).attr('id') !== 'sendVideoMinBitrate' &&
+            $(this).attr('id') !== 'sendVideoMaxBitrate') {
             $(this).prop('disabled', true);
         }
     });
@@ -579,8 +627,7 @@ function unmuteInputs(selector) {
 
 
 function resizeLocalVideo(event) {
-    var requested = constraints.video;
-    if (requested.width != event.target.videoWidth || requested.height != event.target.videoHeight) {
+    if (parseInt($('#sendWidth').val()) != event.target.videoWidth || parseInt($('#sendHeight').val()) != event.target.videoHeight) {
         console.warn("Camera does not support requested resolution, actual resolution is " + event.target.videoWidth + "x" + event.target.videoHeight);
     }
     $("#publishResolution").text(event.target.videoWidth + "x" + event.target.videoHeight);

package/examples/demo/streaming/media_devices_manager/media_device_manager.html

@@ -202,17 +202,27 @@
                     <div class="form-group" id="sendSizeForm">
                         <label style="text-align: left" class="col-sm-4 control-label">Size</label>
                         <div class="col-sm-4">
+                            <span>width</span>
                             <input type="text" class="form-control" id="sendWidth" value="640">
                         </div>
                         <div class="col-sm-4">
+                            <span>height</span>
                             <input type="text" class="form-control" id="sendHeight" value="480">
                         </div>
+                        <label style="text-align: left" class="col-sm-4 control-label"></label>
+                        <div class="col-sm-8">
+                            <button type="button" class="btn btn-default form-control" id="resolutionBtn">Apply</button>
+                        </div>
+
                     </div>
                     <div class="form-group" id="fpsForm">
                         <label style="text-align: left" class="col-sm-4 control-label">FPS</label>
                         <div class="col-sm-4">
                             <input type="text" class="form-control" id="fps" value="30">
                         </div>
+                        <div class="col-sm-4">
+                            <button type="button" class="btn btn-default form-control" id="fpsBtn">Apply</button>
+                        </div>
                     </div>
                     <div class="form-group" id="sendBitrateForm">
                         <label style="text-align: left" class="col-sm-4 control-label">Bitrate</label>
@@ -224,6 +234,10 @@
                             <span>max</span>
                             <input type="text" class="form-control" id="sendVideoMaxBitrate" value="0">
                         </div>
+                        <label style="text-align: left" class="col-sm-4 control-label"></label>
+                        <div class="col-sm-8">
+                            <button type="button" class="btn btn-default form-control" id="bitrateBtn">Apply</button>
+                        </div>
                     </div>
                     <div class="form-group" id="cpuOveruseDetectionForm">
                         <label style="text-align: left" class="col-sm-4 control-label" for="cpuOveruseDetectionForm">COD