@realsee/vreo 2.4.7 → 2.5.0-alpha.2

package/lib/fivePlugins/CameraMovementPlugin/index.js

@@ -1,14 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CameraMovementPlugin = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _five = require("@realsee/five");
-var _typings = require("./typings");
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { Five } from '@realsee/five';
+import { Rotation } from "./typings.js";
 var PI = Math.PI;
 var PI_2 = PI * 2;
 var moving = false; // five 6 神秘bug， move 的时候不能 setState
@@ -18,7 +11,7 @@ function progressNumber(from, to, pst) {
   return from + (to - from) * pst;
 }
 function progressLongitude(fromLongitude, toLongitude, rotation, progress) {
-  var clockwise = rotation === _typings.Rotation.Clockwise;
+  var clockwise = rotation === Rotation.Clockwise;
   var delta = clockwise ? fromLongitude - toLongitude : toLongitude - fromLongitude;
   var deltaMod = delta % PI_2;
   var deltaMod2 = deltaMod < 0 ? deltaMod + PI_2 : deltaMod;
@@ -30,16 +23,16 @@ function progressLongitude(fromLongitude, toLongitude, rotation, progress) {
 /**
  * **运镜插件** 模拟类似于电影运镜效果。
  */
-var CameraMovementPlugin = exports.CameraMovementPlugin = function CameraMovementPlugin(five) {
+export var CameraMovementPlugin = function CameraMovementPlugin(five) {
   var move = function move(args, duration) {
     var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
       preload: true
     };
     return new Promise(/*#__PURE__*/function () {
-      var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(resolve, reject) {
+      var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(resolve, reject) {
         var _opts$asyncEndCallbac;
         var panoIndex, start, movePanoOptions;
-        return _regenerator["default"].wrap(function _callee$(_context) {
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
@@ -62,7 +55,7 @@ var CameraMovementPlugin = exports.CameraMovementPlugin = function CameraMovemen
               case 7:
                 return _context.abrupt("return", resolve(true));
               case 8:
-                if (!(args.mode === _five.Five.Mode.Floorplan)) {
+                if (!(args.mode === Five.Mode.Floorplan)) {
                   _context.next = 10;
                   break;
                 }
@@ -124,7 +117,7 @@ var CameraMovementPlugin = exports.CameraMovementPlugin = function CameraMovemen
     }());
   };
   var rotate = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(args, duration) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(args, duration) {
       var _opts$asyncStartCallb, _opts$asyncEndCallbac2;
       var opts,
         from,
@@ -134,7 +127,7 @@ var CameraMovementPlugin = exports.CameraMovementPlugin = function CameraMovemen
         animeDuration,
         onFiveRenderFrame,
         _args2 = arguments;
-      return _regenerator["default"].wrap(function _callee2$(_context2) {
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
@@ -148,11 +141,11 @@ var CameraMovementPlugin = exports.CameraMovementPlugin = function CameraMovemen
                 break;
               }
               _context2.next = 6;
-              return five.changeMode(args.mode, args.mode === _five.Five.Mode.Panorama ? {
+              return five.changeMode(args.mode, args.mode === Five.Mode.Panorama ? {
                 latitude: 0
               } : undefined);
             case 6:
-              if (!(args.mode === _five.Five.Mode.Panorama && five.currentMode === _five.Five.Mode.Panorama && args.panoIndex !== undefined && args.panoIndex !== five.panoIndex)) {
+              if (!(args.mode === Five.Mode.Panorama && five.currentMode === Five.Mode.Panorama && args.panoIndex !== undefined && args.panoIndex !== five.panoIndex)) {
                 _context2.next = 12;
                 break;
               }
@@ -191,7 +184,7 @@ var CameraMovementPlugin = exports.CameraMovementPlugin = function CameraMovemen
               timeEnd = false; // 开始时间
               start = performance.now();
               animeDuration = duration;
-              if (args.rotation === _typings.Rotation.Loop) {
+              if (args.rotation === Rotation.Loop) {
                 animeDuration = args.rotateSpeed ? Math.ceil(Math.abs(to.longitude - from.longitude) / args.rotateSpeed * 1000) : duration;
                 animeDuration = Math.min(duration, animeDuration);
               }
@@ -201,7 +194,7 @@ var CameraMovementPlugin = exports.CameraMovementPlugin = function CameraMovemen
                   return;
                 }
                 var targetState = {};
-                if (args.rotation !== _typings.Rotation.Loop) {
+                if (args.rotation !== Rotation.Loop) {
                   var progress = (performance.now() - start) / duration;
                   targetState = {
                     fov: progressNumber(from.fov, to.fov, progress),

package/lib/fivePlugins/CameraMovementPlugin/typings.js

@@ -1,19 +1,15 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Rotation = exports.CameraMovementEffect = void 0;
 /* eslint-disable prettier/prettier */
+
 // eslint-disable-next-line @typescript-eslint/no-empty-interface
-var CameraMovementEffect;
+
+export var CameraMovementEffect;
 (function (CameraMovementEffect) {
   CameraMovementEffect["Move"] = "Move";
   CameraMovementEffect["Rotate"] = "Rotate";
-})(CameraMovementEffect || (exports.CameraMovementEffect = CameraMovementEffect = {}));
-var Rotation;
+})(CameraMovementEffect || (CameraMovementEffect = {}));
+export var Rotation;
 (function (Rotation) {
   Rotation["Clockwise"] = "Clockwise";
   Rotation["Anticlockwise"] = "Anticlockwise";
   Rotation["Loop"] = "Loop";
-})(Rotation || (exports.Rotation = Rotation = {}));
+})(Rotation || (Rotation = {}));

package/lib/fivePlugins/ModelTVVideoPlugin/index.js

@@ -1,17 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ModelTVVideoPlugin = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var THREE = _interopRequireWildcard(require("three"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) { "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); } return f; })(e, t); }
-var ModelTVVideoPlugin = exports.ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import * as THREE from 'three';
+export var ModelTVVideoPlugin = function ModelTVVideoPlugin(five, _ref) {
   var videoElement = _ref.videoElement;
   var state = {
     videoMeshes: [],
@@ -158,9 +149,9 @@ var ModelTVVideoPlugin = exports.ModelTVVideoPlugin = function ModelTVVideoPlugi
     });
   };
   var load = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(data, videoElement) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(data, videoElement) {
       var video_src, video_poster_src, points;
-      return _regenerator["default"].wrap(function _callee$(_context) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
@@ -201,7 +192,7 @@ var ModelTVVideoPlugin = exports.ModelTVVideoPlugin = function ModelTVVideoPlugi
   five.on('wantsTapGesture', function (raycaster) {
     if (!state.enabled) return;
     var _raycaster$intersectO = raycaster.intersectObjects(five.scene.children, true),
-      _raycaster$intersectO2 = (0, _slicedToArray2["default"])(_raycaster$intersectO, 1),
+      _raycaster$intersectO2 = _slicedToArray(_raycaster$intersectO, 1),
       intersect = _raycaster$intersectO2[0];
     if (!!intersect && /^video/.test(intersect.object.name)) {
       if (state.videoTexture) setMuted(!state.videoTexture.image.muted);
@@ -222,7 +213,7 @@ var ModelTVVideoPlugin = exports.ModelTVVideoPlugin = function ModelTVVideoPlugi
         vector = vector.clone().sub(cameraPosition).normalize();
         var raycaster = new THREE.Raycaster(cameraPosition, vector);
         var _raycaster$intersectO3 = raycaster.intersectObjects(five.scene.children, true),
-          _raycaster$intersectO4 = (0, _slicedToArray2["default"])(_raycaster$intersectO3, 1),
+          _raycaster$intersectO4 = _slicedToArray(_raycaster$intersectO3, 1),
           intersect = _raycaster$intersectO4[0];
         return !!intersect && /^video/.test(intersect.object.name);
       }).length >= 2;

package/lib/index.js

@@ -1,12 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Player", {
-  enumerable: true,
-  get: function get() {
-    return _Player.Player;
-  }
-});
-var _Player = require("./Player");
+export { Player } from "./Player/index.js";

package/lib/react/index.d.ts

@@ -1,10 +1,33 @@
 import * as React from 'react';
 import { PlayerConfigs } from '../Player/typings';
 import { VreoKeyframeEvent, VreoUnit } from '../typings/VreoUnit';
+/**
+ * VreoProvider 组件的属性接口
+ */
 export interface VreoProviderProps {
+    /** 播放器配置选项 */
     configs?: Partial<PlayerConfigs>;
+    /** 子组件 */
     children?: React.ReactNode;
 }
+/**
+ * Vreo 播放器 Provider 组件
+ *
+ * 为子组件提供 Vreo 播放器实例的 React Context Provider。
+ * 必须在 Five Provider 内部使用。
+ *
+ * @param props - 组件属性
+ * @returns React.FC 组件
+ *
+ * @example
+ * ```tsx
+ * <FiveProvider>
+ *   <VreoProvider configs={{ autoPreload: true }}>
+ *     <YourComponent />
+ *   </VreoProvider>
+ * </FiveProvider>
+ * ```
+ */
 export declare const VreoProvider: React.FC<VreoProviderProps>;
 /**
  * VreoPlayer 命令集合。
@@ -39,6 +62,35 @@ export interface VreoActionCallbacks {
      */
     dispose: () => void;
 }
+/**
+ * 获取 Vreo 播放器操作函数集合
+ *
+ * 返回一组经过优化的播放器操作函数，这些函数已经绑定了当前播放器实例。
+ * 使用 useCallback 进行性能优化，避免不必要的重新渲染。
+ *
+ * @returns VreoActionCallbacks 操作函数集合
+ *
+ * @example
+ * ```tsx
+ * function PlayerControls() {
+ *   const { load, play, pause, show, hide, dispose } = useVreoAction()
+ *
+ *   const handleLoadScript = async () => {
+ *     await load(vreoUnit, 0)
+ *     play()
+ *   }
+ *
+ *   return (
+ *     <div>
+ *       <button onClick={handleLoadScript}>加载并播放</button>
+ *       <button onClick={pause}>暂停</button>
+ *       <button onClick={() => show()}>显示</button>
+ *       <button onClick={() => hide()}>隐藏</button>
+ *     </div>
+ *   )
+ * }
+ * ```
+ */
 export declare function useVreoAction(): {
     load: (vreoUnit: VreoUnit, currentTime?: number) => Promise<boolean>;
     pause: () => void;
@@ -47,5 +99,64 @@ export declare function useVreoAction(): {
     hide: () => void;
     dispose: () => void;
 };
+/**
+ * 监听 Vreo 播放器事件
+ *
+ * 用于注册和清理 Vreo 播放器事件监听器的 React Hook。
+ * 当组件卸载或依赖项变化时自动清理事件监听器。
+ *
+ * @param name - 事件名称
+ * @param callback - 事件回调函数
+ * @param deps - 依赖项数组（可选）
+ *
+ * @example
+ * ```tsx
+ * function EventListener() {
+ *   const [keyframes, setKeyframes] = React.useState([])
+ *
+ *   // 监听关键帧事件
+ *   useVreoEventCallback('CameraMovement', (keyframe) => {
+ *     console.log('相机运镜:', keyframe)
+ *   })
+ *
+ *   // 监听播放状态变化
+ *   useVreoEventCallback('playing', () => {
+ *     console.log('开始播放')
+ *   }, [])
+ *
+ *   return <div>事件监听组件</div>
+ * }
+ * ```
+ */
 export declare function useVreoEventCallback<T extends keyof VreoKeyframeEvent>(name: T, callback: VreoKeyframeEvent[T], deps?: React.DependencyList | undefined): void;
+/**
+ * 获取播放器暂停状态
+ *
+ * 返回当前播放器的暂停状态，并自动响应播放状态变化。
+ * 当播放器开始播放或暂停时，状态会自动更新。
+ *
+ * @returns boolean 是否处于暂停状态
+ *
+ * @example
+ * ```tsx
+ * function PlayButton() {
+ *   const isPaused = useVreoPausedState()
+ *   const { play, pause } = useVreoAction()
+ *
+ *   const handleToggle = () => {
+ *     if (isPaused) {
+ *       play()
+ *     } else {
+ *       pause()
+ *     }
+ *   }
+ *
+ *   return (
+ *     <button onClick={handleToggle}>
+ *       {isPaused ? '播放' : '暂停'}
+ *     </button>
+ *   )
+ * }
+ * ```
+ */
 export declare function useVreoPausedState(): boolean;

package/lib/react/index.js

@@ -1,29 +1,40 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VreoProvider = void 0;
-exports.useVreoAction = useVreoAction;
-exports.useVreoEventCallback = useVreoEventCallback;
-exports.useVreoPausedState = useVreoPausedState;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("@realsee/five/react");
-var React = _interopRequireWildcard(require("react"));
-var _Player = require("../Player");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) { "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); } return f; })(e, t); }
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { unsafe__useFiveInstance } from '@realsee/five/react';
+import * as React from 'react';
+import { Player } from "../Player/index.js";
 var VreoContext = /*#__PURE__*/React.createContext(null);
-var VreoProvider = exports.VreoProvider = function VreoProvider(props) {
-  var five = (0, _react.unsafe__useFiveInstance)();
+
+/**
+ * VreoProvider 组件的属性接口
+ */
+
+/**
+ * Vreo 播放器 Provider 组件
+ * 
+ * 为子组件提供 Vreo 播放器实例的 React Context Provider。
+ * 必须在 Five Provider 内部使用。
+ * 
+ * @param props - 组件属性
+ * @returns React.FC 组件
+ * 
+ * @example
+ * ```tsx
+ * <FiveProvider>
+ *   <VreoProvider configs={{ autoPreload: true }}>
+ *     <YourComponent />
+ *   </VreoProvider>
+ * </FiveProvider>
+ * ```
+ */
+export var VreoProvider = function VreoProvider(props) {
+  var five = unsafe__useFiveInstance();
   var _React$useState = React.useState(null),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
     player = _React$useState2[0],
     setPlayer = _React$useState2[1];
   var playerRef = React.useRef(null);
   React.useEffect(function () {
-    playerRef.current = new _Player.Player(five, props.configs || {});
+    playerRef.current = new Player(five, props.configs || {});
     setPlayer(playerRef.current);
     return function () {
       var _playerRef$current;
@@ -35,6 +46,29 @@ var VreoProvider = exports.VreoProvider = function VreoProvider(props) {
     value: player
   }, props.children);
 };
+
+/**
+ * 获取 Vreo 播放器实例
+ * 
+ * 从 React Context 中获取当前的 Vreo 播放器实例。
+ * 必须在 VreoProvider 内部使用。
+ * 
+ * @returns Player 播放器实例
+ * @throws 如果未找到 VreoProvider 则抛出错误
+ * 
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const player = useVreoInstance()
+ *   
+ *   const handleLoad = () => {
+ *     player.load(vreoUnit)
+ *   }
+ *   
+ *   return <button onClick={handleLoad}>Load Script</button>
+ * }
+ * ```
+ */
 function useVreoInstance() {
   var context = React.useContext(VreoContext);
   if (!context) {
@@ -47,7 +81,36 @@ function useVreoInstance() {
  * VreoPlayer 命令集合。
  */
 
-function useVreoAction() {
+/**
+ * 获取 Vreo 播放器操作函数集合
+ * 
+ * 返回一组经过优化的播放器操作函数，这些函数已经绑定了当前播放器实例。
+ * 使用 useCallback 进行性能优化，避免不必要的重新渲染。
+ * 
+ * @returns VreoActionCallbacks 操作函数集合
+ * 
+ * @example
+ * ```tsx
+ * function PlayerControls() {
+ *   const { load, play, pause, show, hide, dispose } = useVreoAction()
+ *   
+ *   const handleLoadScript = async () => {
+ *     await load(vreoUnit, 0)
+ *     play()
+ *   }
+ *   
+ *   return (
+ *     <div>
+ *       <button onClick={handleLoadScript}>加载并播放</button>
+ *       <button onClick={pause}>暂停</button>
+ *       <button onClick={() => show()}>显示</button>
+ *       <button onClick={() => hide()}>隐藏</button>
+ *     </div>
+ *   )
+ * }
+ * ```
+ */
+export function useVreoAction() {
   var player = useVreoInstance();
   var load = React.useCallback(function (vreoUnit, currentTime) {
     return player.load(vreoUnit, currentTime);
@@ -76,7 +139,37 @@ function useVreoAction() {
     dispose: dispose
   };
 }
-function useVreoEventCallback(name, callback, deps) {
+
+/**
+ * 监听 Vreo 播放器事件
+ * 
+ * 用于注册和清理 Vreo 播放器事件监听器的 React Hook。
+ * 当组件卸载或依赖项变化时自动清理事件监听器。
+ * 
+ * @param name - 事件名称
+ * @param callback - 事件回调函数
+ * @param deps - 依赖项数组（可选）
+ * 
+ * @example
+ * ```tsx
+ * function EventListener() {
+ *   const [keyframes, setKeyframes] = React.useState([])
+ *   
+ *   // 监听关键帧事件
+ *   useVreoEventCallback('CameraMovement', (keyframe) => {
+ *     console.log('相机运镜:', keyframe)
+ *   })
+ *   
+ *   // 监听播放状态变化
+ *   useVreoEventCallback('playing', () => {
+ *     console.log('开始播放')
+ *   }, [])
+ *   
+ *   return <div>事件监听组件</div>
+ * }
+ * ```
+ */
+export function useVreoEventCallback(name, callback, deps) {
   var player = useVreoInstance();
   var dependencyList = [player, name];
   if (deps !== undefined) {
@@ -91,10 +184,41 @@ function useVreoEventCallback(name, callback, deps) {
     };
   }, dependencyList);
 }
-function useVreoPausedState() {
+
+/**
+ * 获取播放器暂停状态
+ * 
+ * 返回当前播放器的暂停状态，并自动响应播放状态变化。
+ * 当播放器开始播放或暂停时，状态会自动更新。
+ * 
+ * @returns boolean 是否处于暂停状态
+ * 
+ * @example
+ * ```tsx
+ * function PlayButton() {
+ *   const isPaused = useVreoPausedState()
+ *   const { play, pause } = useVreoAction()
+ *   
+ *   const handleToggle = () => {
+ *     if (isPaused) {
+ *       play()
+ *     } else {
+ *       pause()
+ *     }
+ *   }
+ *   
+ *   return (
+ *     <button onClick={handleToggle}>
+ *       {isPaused ? '播放' : '暂停'}
+ *     </button>
+ *   )
+ * }
+ * ```
+ */
+export function useVreoPausedState() {
   var player = useVreoInstance();
   var _React$useState3 = React.useState(player.paused),
-    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
     state = _React$useState4[0],
     setState = _React$useState4[1];
   useVreoEventCallback('paused', function () {

package/lib/shared-utils/Audio.js

@@ -1,32 +1,22 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.audioList = void 0;
-exports.generateBlankAudio = generateBlankAudio;
-exports.getAudio = getAudio;
-exports.waitForBlankAudioGenerated = waitForBlankAudioGenerated;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2["default"])(t); if (r) { var s = (0, _getPrototypeOf2["default"])(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2["default"])(this, e); }; }
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _get from "@babel/runtime/helpers/esm/get";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _wrapNativeSuper from "@babel/runtime/helpers/esm/wrapNativeSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var blankAudioSrc = 'data:audio/mpeg;base64,//uQxAAAAAAAAAAAAAAAAAAAAAAASW5mbwAAAA8AAAADAAAGhgBVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVWqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqr///////////////////////////////////////////8AAAA5TEFNRTMuOThyAc0AAAAAAAAAABSAJAiqQgAAgAAABobxtI73AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//uQxAACFEII9ACZ/sJZwWEoEb8w/////N//////JcxjHjf+7/v/H2PzCCFAiDtGeyBCIx7bJJ1mmEEMy6g8mm2c8nrGABB4h2Mkmn//4z/73u773R5qHHu/j/w7Kxkzh5lWRWdsifCkNAnY9Zc1HvDAhjhSHdFkHFzLmabt/AQxSg2wwzLhHIJOBnAWwVY4zrhIYhhc2kvhYDfQ4hDi2Gmh5KyFn8EcGIrHAngNgIwVIEMf5bzbAiTRoAD///8z/KVhkkWEle6IX+d/z4fvH3BShK1e5kmjkCMoxVmXhd4ROlTKo3iipasvTilY21q19ta30/v/0/idPX1v8PNxJL6ramnOVsdvMv2akO0iSYIzdJFirtzWXCZicS9vHqvSKyqm5XJBdqBwPxyfJdykhWTZ0G0ZyTZGpLKxsNwwoRhsx3tZfhwmeOBVISm3impAC/IT/8hP/EKEM1KMdVdVKM2rHV4x7HVXZvbVVKN/qq8CiV9VL9jjH/6l6qf7MBCjZmOqsAibjcP+qqqv0oxqpa/NVW286hPo1nz2L/h8+jXt//uSxCmDU2IK/ECN98KKtE5IYzNoCfbw+u9i5r8PoadUMFPKqWL4LK3T/LCraMSHGkW4bpLXR/E6LlHOVQxmslKVJ8IULktMN06N0FKCpHCoYsjC4F+Z0NVqdNFoGSTjSiyjzLdnZ2fNqTi2eHKONONKLMPMKLONKLMPQRJGlFxZRoKcJFAYEeIFiRQkUWUeYfef//Ko04soswso40UJAgMw8wosososy0EalnZyjQUGBRQGIFggOWUacWUeYmuadrZziQKKEgQsQLAhQkUJAgMQDghltLO1onp0cpkNInSFMqlYeSEJ5AHsqFdOwy1DA2sRmRJKxdKRfLhfLw5BzUxBTUUzLjk4LjJVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVUxBTUUzLjk4LjJVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVf/7ksRRA8AAAaQAAAAgAAA0gAAABFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVU=';
 // 下面这段空音频居然在11pro和xr上播不出来
 // const blankAudioSrc = 'data:audio/mpeg;base64,//AAAAHGZ0eXBNNEEgAAAAAE00QSBpc29tbXA0MgAAAAFtZGF0AAAAAAAAABwA0AAHANAABwDQAAcAAAM+bW9vdgAAAGxtdmhkAAAAAN+jti7fo7YuAACsRAAADAAAAQAAAQAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAdB0cmFrAAAAXHRraGQAAAAB36O2Lt+jti4AAAABAAAAAAAADAAAAAAAAAAAAAAAAAABAAAAAAEAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAFsbWRpYQAAACBtZGhkAAAAAN+jti7fo7YuAACsRAAADABVxAAAAAAAMWhkbHIAAAAAAAAAAHNvdW4AAAAAAAAAAAAAAABDb3JlIE1lZGlhIEF1ZGlvAAAAARNtaW5mAAAAEHNtaGQAAAAAAAAAAAAAACRkaW5mAAAAHGRyZWYAAAAAAAAAAQAAAAx1cmwgAAAAAQAAANdzdGJsAAAAZ3N0c2QAAAAAAAAAAQAAAFdtcDRhAAAAAAAAAAEAAAAAAAAAAAACABAAAAAArEQAAAAAADNlc2RzAAAAAAOAgIAiAAAABICAgBRAFAAYAAAA+gAAAPoABYCAgAISCAaAgIABAgAAABhzdHRzAAAAAAAAAAEAAAADAAAEAAAAABxzdHNjAAAAAAAAAAEAAAABAAAAAwAAAAEAAAAgc3RzegAAAAAAAAAAAAAAAwAAAAQAAAAEAAAABAAAABRzdGNvAAAAAAAAAAEAAAAsAAAA+nVkdGEAAADybWV0YQAAAAAAAAAiaGRscgAAAAAAAAAAbWRpcgAAAAAAAAAAAAAAAAAAAAAAxGlsc3QAAAC8LS0tLQAAABxtZWFuAAAAAGNvbS5hcHBsZS5pVHVuZXMAAAAUbmFtZQAAAABpVHVuU01QQgAAAIRkYXRhAAAAAQAAAAAgMDAwMDAwMDAgMDAwMDA4NDAgMDAwMDAzQzAgMDAwMDAwMDAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMCAwMDAwMDAwMA=='
 
-var audioList = exports.audioList = [];
-function getAudio(src) {
+export var audioList = [];
+export function getAudio(src) {
   var audio = audioList.find(function (audio) {
     return !audio.realSrc || audio.realSrc === blankAudioSrc;
   });
@@ -40,17 +30,17 @@ function getAudio(src) {
   }
   return audio;
 }
-function waitForBlankAudioGenerated() {
+export function waitForBlankAudioGenerated() {
   return _waitForBlankAudioGenerated.apply(this, arguments);
 }
 function _waitForBlankAudioGenerated() {
-  _waitForBlankAudioGenerated = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+  _waitForBlankAudioGenerated = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var checkInterval,
       timeout,
       startTime,
       isTimedOut,
       _args = arguments;
-    return _regenerator["default"].wrap(function _callee$(_context) {
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
@@ -92,7 +82,7 @@ function _waitForBlankAudioGenerated() {
   }));
   return _waitForBlankAudioGenerated.apply(this, arguments);
 }
-function generateBlankAudio(length) {
+export function generateBlankAudio(length) {
   // 判断一下已经生成几个了，防止重复生成
   var generateLength = length - audioList.length;
   if (generateLength <= 0) return;
@@ -111,21 +101,21 @@ function initAudio(audio) {
   }
 }
 var IAudio = /*#__PURE__*/function (_Audio) {
-  (0, _inherits2["default"])(IAudio, _Audio);
+  _inherits(IAudio, _Audio);
   var _super = _createSuper(IAudio);
   function IAudio(src) {
     var _thisSuper, _this;
-    (0, _classCallCheck2["default"])(this, IAudio);
+    _classCallCheck(this, IAudio);
     _this = _super.call(this, src);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "preload", 'auto');
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "realSrc", '');
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "inited", false);
+    _defineProperty(_assertThisInitialized(_this), "preload", 'auto');
+    _defineProperty(_assertThisInitialized(_this), "realSrc", '');
+    _defineProperty(_assertThisInitialized(_this), "inited", false);
     _this.realSrc = src !== null && src !== void 0 ? src : '';
-    (0, _get2["default"])((_thisSuper = (0, _assertThisInitialized2["default"])(_this), (0, _getPrototypeOf2["default"])(IAudio.prototype)), "addEventListener", _thisSuper).call(_thisSuper, 'ended', function () {
+    _get((_thisSuper = _assertThisInitialized(_this), _getPrototypeOf(IAudio.prototype)), "addEventListener", _thisSuper).call(_thisSuper, 'ended', function () {
       _this.src = '';
     });
     var init = function init() {
-      return initAudio((0, _assertThisInitialized2["default"])(_this));
+      return initAudio(_assertThisInitialized(_this));
     };
     document.addEventListener('click', init);
     document.addEventListener('touchend', init);
@@ -135,7 +125,7 @@ var IAudio = /*#__PURE__*/function (_Audio) {
     };
     return _this;
   }
-  (0, _createClass2["default"])(IAudio, [{
+  _createClass(IAudio, [{
     key: "src",
     get:
     /**
@@ -156,4 +146,4 @@ var IAudio = /*#__PURE__*/function (_Audio) {
     }
   }]);
   return IAudio;
-}(/*#__PURE__*/(0, _wrapNativeSuper2["default"])(Audio));
+}(/*#__PURE__*/_wrapNativeSuper(Audio));