@flashphoner/websdk 2.0.201 → 2.0.206

package/examples/vue/two-way-streaming-vue/src/fp-utils.js

@@ -0,0 +1,117 @@
+// eslint-disable-next-line
+'use strict';
+const STREAM_STATUS = require('@flashphoner/websdk').constants.STREAM_STATUS;
+
+module.exports = {
+
+  // Set default websocket URL
+  setURL: function() {
+    var proto;
+    var url;
+    var port;
+    if (window.location.protocol === "http:") {
+        proto = "ws://";
+        port = "8080";
+    } else {
+        proto = "wss://";
+        port = "8443";
+    }
+
+    url = proto + window.location.hostname + ":" + port;
+    return url;
+  },
+
+  // Get URL parameter by name
+  getUrlParam: function (name) {
+    var url = window.location.href;
+    // eslint-disable-next-line
+    name = name.replace(/[\[\]]/g, "\\$&");
+    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
+        results = regex.exec(url);
+    if (!results) return null;
+    if (!results[2]) return '';
+    return decodeURIComponent(results[2].replace(/\+/g, " "));
+  },
+
+  // Generate simple uuid
+  createUUID: function (length) {
+    var s = [];
+    var hexDigits = "0123456789abcdef";
+    for (var i = 0; i < 36; i++) {
+        s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
+    }
+    s[14] = "4";
+    s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1);
+    s[8] = s[13] = s[18] = s[23] = "-";
+
+    var uuid = s.join("");
+
+    return uuid.substring(0, length);
+  },
+
+  // Helper function to downscale picture size
+  downScaleToFitSize: function (videoWidth, videoHeight, dstWidth, dstHeight) {
+    var newWidth, newHeight;
+    var videoRatio = videoWidth / videoHeight;
+    var dstRatio = dstWidth / dstHeight;
+    if (dstRatio > videoRatio) {
+        newHeight = dstHeight;
+        newWidth = Math.floor(videoRatio * dstHeight);
+    } else {
+        newWidth = dstWidth;
+        newHeight = Math.floor(dstWidth / videoRatio);
+    }
+    return {
+        w: newWidth,
+        h: newHeight
+    };
+  },
+
+  /**
+   * Resize video object to fit parent div.
+   * Div structure: div WxH -> div wrapper (display) -> video
+   * @param video HTML element from resize event target
+   */
+  resizeVideo: function (video, width, height) {
+    if (!video.parentNode) {
+        return;
+    }
+    if (video instanceof HTMLCanvasElement) {
+        video.videoWidth = video.width;
+        video.videoHeight = video.height;
+    }
+    var display = video.parentNode;
+    var parentSize = {
+        w: display.parentNode.clientWidth,
+        h: display.parentNode.clientHeight
+    };
+    var newSize;
+    if (width && height) {
+        newSize = this.downScaleToFitSize(width, height, parentSize.w, parentSize.h);
+    } else {
+        newSize = this.downScaleToFitSize(video.videoWidth, video.videoHeight, parentSize.w, parentSize.h);
+    }
+    display.style.width = newSize.w + "px";
+    display.style.height = newSize.h + "px";
+
+    //vertical align
+    var margin = 0;
+    if (parentSize.h - newSize.h > 1) {
+        margin = Math.floor((parentSize.h - newSize.h) / 2);
+    }
+    display.style.margin = margin + "px auto";
+    console.log("Resize from " + video.videoWidth + "x" + video.videoHeight + " to " + display.offsetWidth + "x" + display.offsetHeight);
+  },
+
+  isPlaying: function (streamStatus) {
+    switch(streamStatus) {
+      case STREAM_STATUS.PLAYING:
+      case STREAM_STATUS.RESIZE:
+      case STREAM_STATUS.SNAPSHOT_COMPLETE:
+      case STREAM_STATUS.NOT_ENOUGH_BANDWIDTH:
+        return true;
+      default:
+        return false;
+    }
+  }
+};

package/examples/vue/two-way-streaming-vue/src/main.js

@@ -0,0 +1,9 @@
+import Vue from 'vue';
+import 'bootstrap/dist/css/bootstrap.css';
+import TwoWayStreamingApp from './TwoWayStreamingApp.vue';
+
+Vue.config.productionTip = false
+
+new Vue({
+  render: h => h(TwoWayStreamingApp),
+}).$mount('#app')

package/examples/vue/two-way-streaming-vue/vue.config.js

@@ -0,0 +1,8 @@
+// vue.config.js
+
+/**
+ * @type {import('@vue/cli-service').ProjectOptions}
+ */
+module.exports = {
+  publicPath: './'
+}

package/flashphoner-no-flash.js

@@ -10144,7 +10144,7 @@ var createSession = function createSession(options) {
         mediaProviders: Object.keys(MediaProvider),
         keepAlive: keepAlive,
         authToken: authToken,
-        clientVersion: "2.0.201",
+        clientVersion: "2.0.206",
         clientOSVersion: window.navigator.appVersion,
         clientBrowserVersion: window.navigator.userAgent,
         msePacketizationVersion: 2,
@@ -10370,7 +10370,7 @@ var createSession = function createSession(options) {
    * @param {HTMLElement} options.localVideoDisplay Div element local video should be displayed in
    * @param {HTMLElement} options.remoteVideoDisplay Div element remote video should be displayed in
    * @param {Object=} options.custom User provided custom object that will be available in REST App code
-   * @param {Array<string>=} options.stripCodecs Array of codecs which should be stripped from SDP (WebRTC)
+   * @param {string=} options.stripCodecs Comma separated strings of codecs which should be stripped from WebRTC SDP (ex. "SILK,G722")
    * @param {Array<string>=} options.sipSDP Array of custom SDP params (ex. bandwidth (b=))
    * @param {Array<string>=} options.sipHeaders Array of custom SIP headers
    * @param {string=} options.videoContentHint Video content hint for browser ('detail' by default to maintain resolution), {@link Flashphoner.constants.CONTENT_HINT_TYPE}
@@ -10632,7 +10632,7 @@ var createSession = function createSession(options) {
      * @param {Boolean=} answerOptions.receiveAudio Receive audio
      * @param {Boolean=} answerOptions.receiveVideo Receive video
      * @param {String=} answerOptions.constraints Answer call with constraints
-     * @param {Array<string>=} answerOptions.stripCodecs Array of codecs which should be stripped from SDP (WebRTC)
+     * @param {String=} answerOptions.stripCodecs Comma separated string of codecs which should be stripped from WebRTC SDP (ex. "SILK,G722")
      * @param {Array<string>=} answerOptions.sipSDP Array of custom SDP params (ex. bandwidth (b=))
      * @param {Array<string>=} answerOptions.sipHeaders Array of custom SIP headers
      * @param {sdpHook} sdpHook The callback that handles sdp from the server
@@ -11212,7 +11212,7 @@ var createSession = function createSession(options) {
    * @param {HTMLElement} options.display Div element stream should be displayed in
    * @param {Object=} options.custom User provided custom object that will be available in REST App code
    * @param {Integer} [options.flashBufferTime=0] Specifies how long to buffer messages before starting to display the stream (Flash-only)
-   * @param {Array<string>=} options.stripCodecs Array of codecs which should be stripped from SDP (WebRTC)
+   * @param {String=} options.stripCodecs Comma separated string of codecs which should be stripped from WebRTC SDP (ex. "H264,PCMA,PCMU,G722")
    * @param {string=} options.rtmpUrl Rtmp url stream should be forwarded to
    * @param {Object=} options.mediaConnectionConstraints Stream specific constraints for underlying RTCPeerConnection
    * @param {Boolean=} options.flashShowFullScreenButton Show full screen button in flash