@realsee/vreo 2.2.7 → 2.3.1

package/lib/Player/App.js

@@ -59,7 +59,8 @@ var AppView = (0, _mobxReact.observer)(function (_ref) {
     className: "vreo-panel-inner"
   }, /*#__PURE__*/React.createElement(_Wave.Wave, {
     onClick: (_controller$configs = controller.configs) === null || _controller$configs === void 0 ? void 0 : _controller$configs.onWaveClick,
-    appearance: (_controller$waveAppea = controller.waveAppearance) !== null && _controller$waveAppea !== void 0 ? _controller$waveAppea : 'single'
+    appearance: (_controller$waveAppea = controller.waveAppearance) !== null && _controller$waveAppea !== void 0 ? _controller$waveAppea : 'single',
+    staticPrefix: controller.configs.waveStaticPrefix
   }), /*#__PURE__*/React.createElement(_VideoAgent.VideoAgent, {
     onClick: function onClick() {
       var _controller$configs2;

package/lib/Player/modules/Wave/index.d.ts

@@ -3,4 +3,5 @@ import { WaveAppearance } from '../../typings';
 export declare function Wave(props?: {
     appearance?: WaveAppearance;
     onClick?: () => void;
+    staticPrefix?: string;
 }): JSX.Element;

package/lib/Player/modules/Wave/index.js

@@ -25,7 +25,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var prefix = 'https://vr-public.realsee-cdn.cn/release/static/image/release/';
+var defaultPrefix = 'https://vr-public.realsee-cdn.cn/release/static/image/release/';
 var WAVES = {
   single: {
     width: 766,
@@ -91,21 +91,25 @@ function Wave(props) {
 
   if (isMicroMessenger) {
     content = /*#__PURE__*/_react["default"].createElement(KeyframeWaveContent, {
-      wave: wave
+      wave: wave,
+      prefix: props === null || props === void 0 ? void 0 : props.staticPrefix
     });
   } else if (canPlayHevc) {
     content = /*#__PURE__*/_react["default"].createElement(VideoWaveContent, {
       format: "hevc",
-      wave: wave
+      wave: wave,
+      prefix: props === null || props === void 0 ? void 0 : props.staticPrefix
     });
   } else if (canPlayVp9) {
     content = /*#__PURE__*/_react["default"].createElement(VideoWaveContent, {
       format: "vp9",
-      wave: wave
+      wave: wave,
+      prefix: props === null || props === void 0 ? void 0 : props.staticPrefix
     });
   } else {
     content = /*#__PURE__*/_react["default"].createElement(KeyframeWaveContent, {
-      wave: wave
+      wave: wave,
+      prefix: props === null || props === void 0 ? void 0 : props.staticPrefix
     });
   }
 
@@ -131,7 +135,9 @@ function Wave(props) {
 
 var VideoWaveContent = function VideoWaveContent(_ref) {
   var wave = _ref.wave,
-      format = _ref.format;
+      format = _ref.format,
+      _ref$prefix = _ref.prefix,
+      prefix = _ref$prefix === void 0 ? defaultPrefix : _ref$prefix;
   var videoRef = (0, _react.useRef)(null);
 
   var _useState = (0, _react.useState)(false),
@@ -161,7 +167,8 @@ var VideoWaveContent = function VideoWaveContent(_ref) {
 
   if (errored) {
     return /*#__PURE__*/_react["default"].createElement(KeyframeWaveContent, {
-      wave: wave
+      wave: wave,
+      prefix: prefix
     });
   }
 
@@ -184,7 +191,9 @@ var VideoWaveContent = function VideoWaveContent(_ref) {
 };
 
 var KeyframeWaveContent = function KeyframeWaveContent(_ref2) {
-  var wave = _ref2.wave;
+  var wave = _ref2.wave,
+      _ref2$prefix = _ref2.prefix,
+      prefix = _ref2$prefix === void 0 ? defaultPrefix : _ref2$prefix;
   var source = prefix + wave.png;
   return /*#__PURE__*/_react["default"].createElement("div", {
     style: {

package/lib/Player/typings.d.ts

@@ -30,6 +30,10 @@ export interface PlayerConfigs {
     autoPreload?: boolean;
     appSize?: AppSize;
     appearance?: Appearance;
+    /**
+     * @description: 波浪UI 静态资源前缀
+     */
+    waveStaticPrefix?: string;
     onAvatarClick?: () => any;
     onWaveClick?: () => any;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@realsee/vreo",
-  "version": "2.2.7",
+  "version": "2.3.1",
   "description": "Vreo (VR Video 缩写) 是基于如视三维渲染引擎 Five 和 用户界面构建库 React 实现的如视 3D 空间剧本播放器。",
   "keywords": [
     "realsee",