@trap_stevo/legendarybuilderproreact-ui/dist/HUDComponents/HUDVideoPlayer.js

The legendary UI & utility API that makes your application a legendary application. ~ Created by Steven Compton

import _extends from "@babel/runtime/helpers/extends";
import _defineProperty from "@babel/runtime/helpers/defineProperty";
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
var _excluded = ["videoContainerConfigurationSettings", "videoControlsConfigurationSettings", "videoFileConfigurationSettings", "videoConfigurationSettings", "onVideoDuration", "onVideoProgress", "onVideoReady", "onVideoStart", "onVideoError", "onVideoSeek", "playsInline", "controls", "light", "muted", "volume", "videoPlaying", "videoSRC", "children"];
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
import * as React from "react";
import { useState, useEffect } from "react";
import ReactPlayer from "react-player";
function HUDVideoPlayer(hudVideoPlayerConfigurationSettings) {
  var _hudVideoPlayerConfig = hudVideoPlayerConfigurationSettings.videoContainerConfigurationSettings,
    videoContainerConfigurationSettings = _hudVideoPlayerConfig === void 0 ? {} : _hudVideoPlayerConfig,
    _hudVideoPlayerConfig2 = hudVideoPlayerConfigurationSettings.videoControlsConfigurationSettings,
    videoControlsConfigurationSettings = _hudVideoPlayerConfig2 === void 0 ? {} : _hudVideoPlayerConfig2,
    _hudVideoPlayerConfig3 = hudVideoPlayerConfigurationSettings.videoFileConfigurationSettings,
    videoFileConfigurationSettings = _hudVideoPlayerConfig3 === void 0 ? {} : _hudVideoPlayerConfig3,
    _hudVideoPlayerConfig4 = hudVideoPlayerConfigurationSettings.videoConfigurationSettings,
    videoConfigurationSettings = _hudVideoPlayerConfig4 === void 0 ? {} : _hudVideoPlayerConfig4,
    onVideoDuration = hudVideoPlayerConfigurationSettings.onVideoDuration,
    onVideoProgress = hudVideoPlayerConfigurationSettings.onVideoProgress,
    onVideoReady = hudVideoPlayerConfigurationSettings.onVideoReady,
    onVideoStart = hudVideoPlayerConfigurationSettings.onVideoStart,
    onVideoError = hudVideoPlayerConfigurationSettings.onVideoError,
    onVideoSeek = hudVideoPlayerConfigurationSettings.onVideoSeek,
    _hudVideoPlayerConfig5 = hudVideoPlayerConfigurationSettings.playsInline,
    playsInline = _hudVideoPlayerConfig5 === void 0 ? true : _hudVideoPlayerConfig5,
    _hudVideoPlayerConfig6 = hudVideoPlayerConfigurationSettings.controls,
    controls = _hudVideoPlayerConfig6 === void 0 ? true : _hudVideoPlayerConfig6,
    _hudVideoPlayerConfig7 = hudVideoPlayerConfigurationSettings.light,
    light = _hudVideoPlayerConfig7 === void 0 ? false : _hudVideoPlayerConfig7,
    _hudVideoPlayerConfig8 = hudVideoPlayerConfigurationSettings.muted,
    muted = _hudVideoPlayerConfig8 === void 0 ? false : _hudVideoPlayerConfig8,
    _hudVideoPlayerConfig9 = hudVideoPlayerConfigurationSettings.volume,
    volume = _hudVideoPlayerConfig9 === void 0 ? 0.8 : _hudVideoPlayerConfig9,
    _hudVideoPlayerConfig10 = hudVideoPlayerConfigurationSettings.videoPlaying,
    videoPlaying = _hudVideoPlayerConfig10 === void 0 ? true : _hudVideoPlayerConfig10,
    videoSRC = hudVideoPlayerConfigurationSettings.videoSRC,
    children = hudVideoPlayerConfigurationSettings.children,
    rest = _objectWithoutProperties(hudVideoPlayerConfigurationSettings, _excluded);
  return /*#__PURE__*/React.createElement("div", {
    style: _objectSpread({
      position: "relative",
      display: "flex",
      justifyContent: "center",
      alignItems: "center",
      clipPath: "inset(0% round 15px)",
      background: "rgba(3, 3, 3, 1)"
    }, videoContainerConfigurationSettings)
  }, /*#__PURE__*/React.createElement(ReactPlayer, _extends({
    url: videoSRC,
    controls: controls,
    light: light,
    playsInline: playsInline,
    playing: videoPlaying,
    volume: volume,
    muted: muted,
    onDuration: onVideoDuration,
    onProgress: onVideoProgress,
    onReady: onVideoReady,
    onStart: onVideoStart,
    onError: onVideoError,
    onSeek: onVideoSeek,
    config: {
      file: _objectSpread({
        forceHLS: true,
        attributes: {
          controlsList: "nodownload"
        }
      }, videoFileConfigurationSettings),
      youtube: {
        playerVars: {
          showinfo: 2
        }
      }
    }
  }, videoConfigurationSettings, rest)), children);
}
export default HUDVideoPlayer;