videomail-client 8.3.1 → 8.3.3

package/src/js/util/audioRecorder.js

@@ -1,152 +0,0 @@
-import AudioSample from "audio-sample";
-import Browser from "./browser";
-import VideomailError from "./videomailError";
-import isPOT from "is-power-of-two";
-
-const CHANNELS = 1;
-
-/*
- * for inspiration see
- * https://github.com/saebekassebil/microphone-stream
- */
-
-// todo code needs rewrite
-
-export default function (userMedia, options) {
-  let scriptProcessor;
-  let audioInput;
-  let vcAudioContext;
-
-  const browser = new Browser(options);
-
-  function getAudioContextClass() {
-    return window.AudioContext || window.webkitAudioContext;
-  }
-
-  function hasAudioContext() {
-    return Boolean(getAudioContextClass()) && Boolean(getAudioContext());
-  }
-
-  function getAudioContext() {
-    // instantiate only once
-    if (!vcAudioContext) {
-      const AudioContext = getAudioContextClass();
-      vcAudioContext = new AudioContext();
-    }
-
-    return vcAudioContext;
-  }
-
-  function onAudioProcess(e, cb) {
-    if (!userMedia.isRecording() || userMedia.isPaused()) {
-      return;
-    }
-
-    /*
-     * Returns a Float32Array containing the PCM data associated with the channel,
-     * defined by the channel parameter (with 0 representing the first channel)
-     */
-    const float32Array = e.inputBuffer.getChannelData(0);
-
-    cb(new AudioSample(float32Array));
-  }
-
-  this.init = function (localMediaStream) {
-    options.debug("AudioRecorder: init()");
-
-    // creates an audio node from the microphone incoming stream
-    const volume = getAudioContext().createGain();
-
-    try {
-      audioInput = getAudioContext().createMediaStreamSource(localMediaStream);
-    } catch (exc) {
-      throw VideomailError.create("Webcam has no audio", exc.toString(), options);
-    }
-
-    let { bufferSize } = options.audio;
-
-    // see https://github.com/binarykitchen/videomail-client/issues/184
-    if (bufferSize === "auto") {
-      if (browser.isFirefox()) {
-        bufferSize = 512;
-      } else {
-        bufferSize = 2048;
-      }
-    }
-
-    if (!isPOT(bufferSize)) {
-      throw VideomailError.create("Audio buffer size must be a power of two.", options);
-    }
-
-    if (!options.audio.volume || options.audio.volume > 1) {
-      throw VideomailError.create("Audio volume must be between zero and one.", options);
-    }
-
-    volume.gain.value = options.audio.volume;
-
-    /*
-     * Create a ScriptProcessorNode with the given bufferSize and
-     * a single input and output channel
-     */
-    scriptProcessor = getAudioContext().createScriptProcessor(
-      bufferSize,
-      CHANNELS,
-      CHANNELS,
-    );
-
-    // connect stream to our scriptProcessor
-    audioInput.connect(scriptProcessor);
-
-    // connect our scriptProcessor to the previous destination
-    scriptProcessor.connect(getAudioContext().destination);
-
-    // connect volume
-    audioInput.connect(volume);
-    volume.connect(scriptProcessor);
-  };
-
-  this.record = function (cb) {
-    options.debug("AudioRecorder: record()");
-
-    scriptProcessor.onaudioprocess = function (e) {
-      onAudioProcess(e, cb);
-    };
-  };
-
-  this.stop = function () {
-    options.debug("AudioRecorder: stop()");
-
-    if (scriptProcessor) {
-      scriptProcessor.onaudioprocess = undefined;
-    }
-
-    if (audioInput) {
-      audioInput.disconnect();
-    }
-
-    // https://developer.mozilla.org/en-US/docs/Web/API/AudioContext/close
-    if (hasAudioContext()) {
-      if (getAudioContext().close) {
-        getAudioContext()
-          .close()
-          .then(function () {
-            options.debug("AudioRecorder: audio context is closed");
-            vcAudioContext = null;
-          })
-          .catch(function (err) {
-            throw VideomailError.create(err, options);
-          });
-      } else {
-        vcAudioContext = null;
-      }
-    }
-  };
-
-  this.getSampleRate = function () {
-    if (hasAudioContext()) {
-      return getAudioContext().sampleRate;
-    }
-
-    return -1;
-  };
-}

package/src/js/util/browser.js

@@ -1,319 +0,0 @@
-import defined from "defined";
-import UAParser from "ua-parser-js";
-
-import VideomailError from "./videomailError";
-
-const FALLBACK_VIDEO_TYPE = "mp4";
-
-const Browser = function (options) {
-  options ||= {};
-
-  const firefoxDownload = "http://www.mozilla.org/firefox/update/";
-  const edgeDownload = "https://www.microsoft.com/en-us/download/details.aspx?id=48126";
-  const chromeDownload = "http://www.google.com/chrome/";
-  const chromiumDownload = "http://www.chromium.org/getting-involved/download-chromium";
-  const ua = defined(
-    options.fakeUaString,
-    typeof window !== "undefined" && window.navigator && window.navigator.userAgent,
-    "",
-  );
-
-  const uaParser = new UAParser(ua).getResult();
-
-  const isIOS = uaParser.os.name === "iOS";
-  const browserVersion = parseFloat(uaParser.browser.version);
-  const isChrome = uaParser.browser.name === "Chrome";
-  const isBrave = uaParser.browser.name === "Brave";
-  const isChromium = uaParser.browser.name === "Chromium";
-  const firefox = uaParser.browser.name === "Firefox";
-  const osVersion = parseFloat(uaParser.os.version);
-  const isWindows = uaParser.os.name === "Windows";
-  const isEdge = uaParser.browser.name === "Edge" || (isWindows && osVersion >= 10);
-  const isIE = /IE/.test(uaParser.browser.name);
-  const isSafari = /Safari/.test(uaParser.browser.name);
-  const isOpera = /Opera/.test(uaParser.browser.name);
-  const isAndroid = /Android/.test(uaParser.os.name);
-  const chromeBased = isChrome || isChromium;
-  const isFacebook = uaParser.browser.name === "Facebook"; // Facebook App for iOS & Android
-
-  const isMobile = isIOS || isAndroid;
-  const isOkSafari = isSafari && browserVersion >= 11;
-  const isOkIOS = isIOS && osVersion >= 11;
-  const isBadIOS = isIOS && osVersion < 11;
-  // unfortunately need to be able to fake https because tape-run can't run on https
-  const isHTTPS = options.fakeHttps || window.location.protocol === "https:";
-
-  const okBrowser =
-    chromeBased ||
-    firefox ||
-    isAndroid ||
-    isOpera ||
-    isEdge ||
-    isOkSafari ||
-    isOkIOS ||
-    isBrave;
-
-  const self = this;
-
-  let videoType;
-
-  function getRecommendation() {
-    let warning;
-
-    if (firefox) {
-      if (isIOS) {
-        warning =
-          "Firefox on iOS is not ready for cameras yet. Hopefully in near future ...";
-      } else {
-        warning =
-          `Probably you need to <a href="${firefoxDownload}" target="_blank">` +
-          `upgrade Firefox</a> to fix this.`;
-      }
-    } else if (isChrome) {
-      if (isIOS) {
-        warning =
-          "Use Safari instead. Apple doesn't give Chrome access to iPhone cameras (booo).";
-      } else {
-        warning =
-          `Probably you need to <a href="${chromeDownload}" target="_blank">` +
-          `upgrade Chrome</a> to fix this.`;
-      }
-    } else if (isChromium) {
-      warning =
-        `Probably you need to <a href="${chromiumDownload}" target="_blank">` +
-        `upgrade Chromium</a> to fix this.`;
-    } else if (isIE) {
-      warning =
-        `Instead of Internet Explorer you need to upgrade to` +
-        ` <a href="${edgeDownload}" target="_blank">Edge</a>.`;
-    } else if (isOkSafari) {
-      warning =
-        "Probably you need to shut down Safari and restart it, this for correct webcam access.";
-    } else if (isSafari) {
-      warning =
-        `Safari below version 11 has no webcam support.<br/>Better upgrade Safari or pick` +
-        ` <a href="${chromeDownload}" target="_blank">Chrome</a>,` +
-        ` <a href="${firefoxDownload}" target="_blank">Firefox</a> or Android.`;
-    }
-
-    return warning;
-  }
-
-  function getUserMediaWarning() {
-    let warning;
-
-    if (isBadIOS) {
-      warning =
-        "On iPads or iPhones below iOS v11 this camera feature is missing.<br/><br/>" +
-        "For now, we recommend you to upgrade iOS or to use an Android device.";
-    } else {
-      warning = getRecommendation();
-    }
-
-    if (!warning) {
-      if (self.isChromeBased() || self.isFirefox() || isSafari) {
-        warning = "For the webcam feature, your browser needs an upgrade.";
-      } else if (isFacebook) {
-        warning =
-          `Hence we recommend you to use a real browser like ` +
-          `<a href="${chromeDownload}" target="_blank">Chrome</a>, ` +
-          `<a href="${firefoxDownload}" target="_blank">Firefox</a> or ` +
-          `<a href="${edgeDownload}" target="_blank">Edge</a>.`;
-      } else {
-        warning =
-          `Hence we recommend you to use either ` +
-          `<a href="${chromeDownload}" target="_blank">Chrome</a>, ` +
-          `<a href="${firefoxDownload}" target="_blank">Firefox</a>, ` +
-          `<a href="${edgeDownload}" target="_blank">Edge</a> or Android.`;
-      }
-    }
-
-    return warning;
-  }
-
-  this.canRecord = function () {
-    const hasNavigator = typeof navigator !== "undefined";
-    let canRecord = false;
-
-    if (hasNavigator && navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
-      canRecord = true;
-    } else {
-      const getUserMediaType = hasNavigator && typeof navigator.getUserMedia_;
-
-      canRecord = getUserMediaType === "function";
-    }
-
-    return canRecord;
-  };
-
-  this.checkRecordingCapabilities = function () {
-    let err;
-
-    if (!isHTTPS) {
-      err = VideomailError.create(
-        {
-          message: "Sorry, your page is insecure",
-        },
-        "Please switch to HTTPS to ensure all is encrypted.",
-        options,
-        {
-          classList: [VideomailError.BROWSER_PROBLEM],
-        },
-      );
-    } else if (!okBrowser || !this.canRecord()) {
-      const classList = [];
-
-      if (isBadIOS) {
-        classList.push(VideomailError.IOS_PROBLEM);
-      } else {
-        classList.push(VideomailError.BROWSER_PROBLEM);
-      }
-
-      let message;
-
-      // good to be able to distinguish between two reasons why and what sort of camera it is
-      if (!okBrowser) {
-        if (isMobile) {
-          message = "Sorry, your browser is unable to use your mobile camera";
-        } else {
-          message = "Sorry, your browser is unable to use webcams";
-        }
-      } else if (isMobile) {
-        if (isFacebook) {
-          message = "Sorry, the Facebook app cannot record from your mobile camera";
-        } else {
-          message = "Sorry, your browser cannot record from your mobile camera";
-        }
-      } else {
-        message = "Sorry, your browser cannot record from webcams";
-      }
-
-      if (isBadIOS) {
-        /*
-         * on older iPhones length of JSON is limited and breaking
-         * so just don't report and ignore
-         */
-        options.reportErrors = false;
-      }
-
-      err = VideomailError.create(
-        {
-          message,
-        },
-        getUserMediaWarning(),
-        options,
-        {
-          classList,
-        },
-      );
-    }
-
-    return err;
-  };
-
-  this.checkBufferTypes = function () {
-    let err;
-
-    if (typeof window === "undefined" || typeof window.atob === "undefined") {
-      err = VideomailError.create("atob is not supported", options);
-    } else if (typeof window.ArrayBuffer === "undefined") {
-      err = VideomailError.create("ArrayBuffers are not supported", options);
-    } else if (typeof window.Uint8Array === "undefined") {
-      err = VideomailError.create("Uint8Arrays are not supported", options);
-    }
-
-    return err;
-  };
-
-  function canPlayType(video, type) {
-    let canPlayType;
-
-    if (video && video.canPlayType) {
-      canPlayType = video.canPlayType(`video/${type}`);
-    }
-
-    // definitely cannot be played here
-    if (canPlayType === "") {
-      return false;
-    }
-
-    return canPlayType;
-  }
-
-  this.getVideoType = function (video) {
-    if (!videoType && video) {
-      if (canPlayType(video, "mp4")) {
-        videoType = "mp4";
-      } else if (canPlayType(video, "webm")) {
-        videoType = "webm";
-      }
-    }
-
-    if (videoType !== "webm" && videoType !== "mp4") {
-      // we only support these two. anything else defaults to the fallback.
-      videoType = FALLBACK_VIDEO_TYPE;
-    }
-
-    if (!videoType || videoType === "") {
-      // just as a fallback
-      videoType = FALLBACK_VIDEO_TYPE;
-    }
-
-    return videoType;
-  };
-
-  this.getNoAccessIssue = function () {
-    const message = "Unable to access webcam";
-    let explanation;
-
-    if (this.isChromeBased()) {
-      explanation = "Click on the allow button to grant access to your webcam.";
-    } else if (this.isFirefox()) {
-      explanation = "Please grant Firefox access to your webcam.";
-    } else {
-      explanation = "Your system does not let your browser access your webcam.";
-    }
-
-    return VideomailError.create(message, explanation, options);
-  };
-
-  this.isChromeBased = function () {
-    return chromeBased;
-  };
-
-  this.isFirefox = function () {
-    return firefox;
-  };
-
-  this.isEdge = function () {
-    return isEdge;
-  };
-
-  this.isAndroid = function () {
-    return isAndroid;
-  };
-
-  this.isMobile = function () {
-    return uaParser.device.type === "mobile";
-  };
-
-  this.isOkSafari = function () {
-    return isOkSafari;
-  };
-
-  this.isIOS = function () {
-    return isIOS;
-  };
-
-  this.getUsefulData = function () {
-    return {
-      browser: uaParser.browser,
-      device: uaParser.device,
-      os: uaParser.os,
-      engine: uaParser.engine,
-      userAgent: ua,
-    };
-  };
-};
-
-export default Browser;

package/src/js/util/collectLogger.js

@@ -1,72 +0,0 @@
-import Browser from "./browser";
-import formatUtil from "format-util";
-
-export default function (localOptions = {}) {
-  const browser = new Browser(localOptions);
-  const logger = localOptions.logger || console;
-  const containerId =
-    (localOptions.selectors && localOptions.selectors.containerId) ||
-    "undefined container id";
-  const stack = [];
-
-  function lifo(level, parameters) {
-    const line = formatUtil(...parameters);
-
-    if (stack.length > localOptions.logStackSize) {
-      stack.pop();
-    }
-
-    stack.push(`[${level}] ${line}`);
-
-    return line;
-  }
-
-  function addContainerId(firstArgument) {
-    return `#${containerId} [${new Date().toLocaleTimeString()}] > ${firstArgument}`;
-  }
-
-  /*
-   * workaround: since we cannot overwrite console.log without having the correct file and line number
-   * we'll use groupCollapsed() and trace() instead to get these.
-   */
-  this.debug = function () {
-    // always add it for better client error reports
-    const args = [].slice.call(arguments, 0);
-    args[0] = addContainerId(args[0]);
-
-    const output = lifo("debug", args);
-
-    if (localOptions.verbose) {
-      if (browser.isFirefox()) {
-        logger.debug(output);
-      } else if (logger.groupCollapsed) {
-        logger.groupCollapsed(output);
-        logger.trace("Trace");
-        logger.groupEnd();
-      } else if (logger.debug) {
-        logger.debug(output);
-      } else {
-        // last resort if everything else fails for any weird reasons
-        console.log(output);
-      }
-    }
-  };
-
-  this.error = function () {
-    const args = [].slice.call(arguments, 0);
-    args[0] = addContainerId(args[0]);
-
-    logger.error(lifo("error", args));
-  };
-
-  this.warn = function () {
-    const args = [].slice.call(arguments, 0);
-    args[0] = addContainerId(args[0]);
-
-    logger.warn(lifo("warn", args));
-  };
-
-  this.getLines = function () {
-    return stack;
-  };
-}

package/src/js/util/eventEmitter.js

@@ -1,72 +0,0 @@
-import despot from "despot";
-import stringify from "safe-json-stringify";
-
-import VideomailError from "./videomailError";
-import Events from "./../events";
-
-// TODO: MAKE EVENT EMITTING IN DESPOT NOT GLOBAL BUT BY CONTAINER ID INSTEAD
-
-export default function (options, name) {
-  this.emit = function (event) {
-    const args = Array.prototype.slice.call(arguments, 0);
-
-    if (!event) {
-      throw VideomailError.create("You cannot emit without an event.", options);
-    }
-
-    // Automatically convert errors to videomail errors
-    if (event === Events.ERROR) {
-      let err = args[1];
-
-      err = VideomailError.create(err, options);
-
-      args[1] = err;
-    }
-
-    if (options.debug) {
-      if (event !== "removeListener" && event !== "newListener") {
-        let moreArguments;
-
-        if (args[1]) {
-          moreArguments = args.slice(1);
-        }
-
-        if (moreArguments) {
-          options.debug("%s emits: %s", name, event, stringify(moreArguments));
-        } else {
-          options.debug("%s emits: %s", name, event);
-        }
-      }
-    }
-
-    const result = despot.emit.apply(despot, args);
-
-    /*
-     * Todo: have this emitted through a configuration because it is pretty noisy
-     * if (event !== Events.EVENT_EMITTED)
-     *     this.emit(Events.EVENT_EMITTED, event)
-     */
-
-    return result;
-  };
-
-  this.on = function (eventName, cb) {
-    return despot.on(eventName, cb);
-  };
-
-  this.once = function (eventName, cb) {
-    return despot.once(eventName, cb);
-  };
-
-  this.listeners = function (eventName) {
-    return despot.listeners(eventName);
-  };
-
-  this.removeListener = function (eventName, cb) {
-    return despot.removeListener(eventName, cb);
-  };
-
-  this.removeAllListeners = function () {
-    despot.removeAllListeners();
-  };
-}

package/src/js/util/humanize.js

@@ -1,16 +0,0 @@
-import { filesize } from "filesize";
-import humanizeDuration from "humanize-duration";
-
-// todo get rid of this class and use those imports directly
-
-export default {
-  filesize(bytes, round) {
-    return filesize(bytes, {
-      round,
-    });
-  },
-
-  toTime(t) {
-    return humanizeDuration(t);
-  },
-};