@besovideo/webrtc-player 0.8.73 → 0.8.75

package/README.md

@@ -127,6 +127,21 @@ instance.getPlayerElement();
 // 获取内部引用的video元素
 instance.getVideoElement();
 
+//播放器状态
+instance.playerStatus : {
+  // 全屏状态管理
+  fullscreen: {
+    // 获取全屏状态
+    Get(): boolean,
+    // 设置全屏状态
+    Set(boolean): void;
+    // 添加事件监听
+    addEventListener(handle: ((bFullscreen: boolean) => void)):void;
+    // 移除事件监听
+    removeEventListener(handle: ((bFullscreen: boolean) => void)):void;
+  }
+}
+
 // clearAllDialog 异步 释放全部打开的dialog 不管是音视频还是对讲
 clearAllDialog();
 ```

package/dist/main.es.js

@@ -111,7 +111,7 @@ var __async = (__this, __arguments, generator) => {
 var define_processenv_default;
 var init_define_processenv = __esm({
   "<define:processenv>"() {
-    define_processenv_default = { NODE_ENV: "production", SH_LIB_NAME: "@besovideo/webrtc-player", SH_LIB_VERSION: "0.8.73", PROJECT_NAMESPACE: "bvplayer" };
+    define_processenv_default = { NODE_ENV: "production", SH_LIB_NAME: "@besovideo/webrtc-player", SH_LIB_VERSION: "0.8.75", PROJECT_NAMESPACE: "bvplayer" };
   }
 });
 
@@ -4956,6 +4956,22 @@ CustomError.ErrorStatus = {
   RECORD_INFO_FAILURE: 5001
 };
 
+// src/components/global.config.ts
+init_define_processenv();
+init_jsx_shim();
+var glbConfig = {};
+var globalConfigHandler = {
+  getDefaultProps: function() {
+    return glbConfig;
+  },
+  setDefaultProps: function(props) {
+    Object.keys(props).forEach((itemKey) => {
+      const key = itemKey;
+      glbConfig[key] = props[key];
+    });
+  }
+};
+
 // src/api/dialog.ts
 var OpenDialogError = class extends CustomError {
   constructor(message) {
@@ -4970,7 +4986,7 @@ function AppendHost(data, bRemove) {
   const hostAppend = {
     host: apiUrls.bvscpV1().includes("://") ? new URL(apiUrls.bvscpV1()).host : new URL(apiUrls.bvscpV1(), location.origin).host
   };
-  return __spreadValues(__spreadValues({}, data), bRemove ? {} : hostAppend);
+  return __spreadValues(__spreadValues({}, data), bRemove || globalConfigHandler.getDefaultProps().bNotSendHost ? {} : hostAppend);
 }
 var DialogIdsKey = core_default.field.createPrefixStorageField("DialogIds");
 var getDeviceWebrtc = (param, token, signal) => __async(void 0, null, function* () {
@@ -5038,10 +5054,13 @@ var getPlaybackBvrtc = (param, token, signal) => __async(void 0, null, function*
   const headers = {
     Authorization: token || ""
   };
-  const params = AppendHost(__spreadValues({
-    index: param.index,
-    sdp: param.sdp
-  }, param.id ? { id: param.id } : {}));
+  const params = AppendHost(
+    __spreadValues({
+      index: param.index,
+      sdp: param.sdp
+    }, param.id ? { id: param.id } : {}),
+    globalConfigHandler.getDefaultProps().bNotSendHost
+  );
   const resData = yield http_default.post(
     `${apiUrls.bvscpV1()}/dialog/playback`,
     params,
@@ -5298,6 +5317,40 @@ var Notifier = class {
     this._map.set(name, []);
   }
 };
+var IDataHandle = class {
+  constructor(data, handle2) {
+    this.szHandle = [];
+    this._data = data;
+    this.handle = handle2;
+  }
+  Get() {
+    return this._data;
+  }
+  Set(data) {
+    if (this._data != data) {
+      this._data = data;
+      this.handle(this._data);
+      this.szHandle.forEach((handler) => handler(this._data));
+    }
+  }
+  addEventListener(handle2) {
+    if (this.szHandle.findIndex((item) => item == handle2)) {
+      this.szHandle.push(handle2);
+    }
+  }
+  removeEventListener(handle2) {
+    const targetIndex = this.szHandle.findIndex((item) => item == handle2);
+    if (targetIndex >= 0) {
+      this.szHandle.splice(targetIndex, 1);
+    }
+  }
+  dispatch(data) {
+    if (this._data != data) {
+      this._data = data;
+      this.szHandle.forEach((handler) => handler(this._data));
+    }
+  }
+};
 var Events = class {
   constructor() {
     this._notifier = new Notifier();
@@ -9044,7 +9097,8 @@ function watch(el, callback) {
 }
 var fullscreen = {
   toggle,
-  watch
+  watch,
+  isFull
 };
 var fullscreen_default = fullscreen;
 
@@ -12933,7 +12987,8 @@ var PlayerPlugin = class extends Plugin {
       this.ptz.visible = false;
     });
     panel.controller.addEventListener("fullscreen", () => {
-      this.dispatch("fullscreen");
+      const currenFullScreen = !(this.el ? fullscreen_default.isFull(this.el) : false);
+      this.dispatch("fullscreen", currenFullScreen);
       this.fullscreen();
     });
     (_c = this._infoModal) == null ? void 0 : _c.addEventListener("hide", () => {
@@ -13187,7 +13242,16 @@ var PlayerPlugin = class extends Plugin {
       logger_default.libError("playerPlugin fullscreen playerEL\u4E3A\u7A7A\u503C");
       return;
     }
-    fullscreen_default.toggle(this.el);
+    const currenFullScreen = !(this.el ? fullscreen_default.isFull(this.el) : false);
+    if (currenFullScreen) {
+      const watchHandle = fullscreen_default.watch(this.el, (isFull2) => {
+        this.dispatch("fullscreen", isFull2);
+        if (!isFull2) {
+          watchHandle.cancel();
+        }
+      });
+    }
+    fullscreen_default.toggle(this.el, { navigationUI: "hide" });
   }
 };
 var player_default = PlayerPlugin;
@@ -13760,8 +13824,10 @@ var BVMedia = class {
     if (typeof this._ptsVideoLast == "undefined") {
       this._ptsVideoLast = 0;
     }
-    this.webcodecPlayer.decodeVideo(packet.data, packet.pts, packet.flags !== 0 ? true : false);
-    this._ptsVideoLast += 4e4;
+    if (this.webcodecPlayer) {
+      this.webcodecPlayer.decodeVideo(packet.data, packet.pts, packet.flags !== 0 ? true : false);
+      this._ptsVideoLast += 4e4;
+    }
   }
   _OnVideoData(frame) {
     if (this.videoPlayer) {
@@ -16017,6 +16083,12 @@ var PuPlayer = (props) => {
       width: videoWidth
     });
   });
+  player.addEventListener("fullscreen", (bFullScreen) => {
+    fullscreenStatus.dispatch(!!bFullScreen);
+  });
+  const fullscreenStatus = new IDataHandle(false, () => {
+    player.fullscreen();
+  });
   player.mute(currentMuted);
   tempPuOption && token && player.ptz.setPuParam(tempPuOption, token);
   const playerEl = player.init();
@@ -16025,7 +16097,7 @@ var PuPlayer = (props) => {
   });
   if (fullScreenOnDblclick) {
     (_b = player.video.getEl()) == null ? void 0 : _b.addEventListener("dblclick", () => {
-      player.fullscreen();
+      fullscreenStatus.Set(!fullscreenStatus.Get());
     });
   }
   const handleClose = () => __async(void 0, null, function* () {
@@ -16179,6 +16251,15 @@ var PuPlayer = (props) => {
             } catch (e2) {
               throw t("da-kai-shi-bai");
             }
+            const removeRefresh = player.addEventListener(
+              "refreshInfoModal",
+              (e2) => __async(this, null, function* () {
+                if (!e2 || !hplayer)
+                  return;
+                const staticInfo = yield GetBvrtcIStatsInfosV1(hplayer);
+                e2.target.showMediaStaticInfo(staticInfo);
+              })
+            );
             hplayer.onevent = function(bCloseEvent, iResult) {
               logger_default.info(
                 "bvmedia event: bClose ",
@@ -16229,15 +16310,6 @@ var PuPlayer = (props) => {
             dialog_default.closeDialogs([dialogId || ""], tempToken || "");
             if (!(player == null ? void 0 : player.panel))
               return;
-            const removeRefresh = player.addEventListener(
-              "refreshInfoModal",
-              (e2) => __async(this, null, function* () {
-                if (!e2 || !hplayer)
-                  return;
-                const staticInfo = yield GetBvrtcIStatsInfosV1(hplayer);
-                e2.target.showMediaStaticInfo(staticInfo);
-              })
-            );
             const updateVolumeButton = (isInit = false) => {
               var _a3;
               const button = (_a3 = player.panel) == null ? void 0 : _a3.controller.VolumeButton;
@@ -16387,7 +16459,10 @@ var PuPlayer = (props) => {
       ctxMenuMgr == null ? void 0 : ctxMenuMgr();
     }),
     protocol: type,
-    videoFit
+    videoFit,
+    playerStatus: {
+      fullscreen: fullscreenStatus
+    }
   };
   const result = {
     instance: instance2,
@@ -16480,6 +16555,14 @@ init_define_processenv();
 init_jsx_shim();
 init_jsx();
 var PLUGIN_NAME_PLAYBAR = "playbar";
+function CreateLoadingSvg() {
+  const svgLoading = document.createElement("div");
+  svgLoading.style.position = "absolute";
+  svgLoading.style.top = "calc(50% - 48px)";
+  svgLoading.style.left = "calc(50% - 48px)";
+  svgLoading.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24"><g fill="none" stroke="black" stroke-linecap="round" stroke-width="2"><path stroke-dasharray="60" stroke-dashoffset="60" stroke-opacity="0.3" d="M12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="1.3s" values="60;0"/></path><path stroke-dasharray="15" stroke-dashoffset="15" d="M12 3C16.9706 3 21 7.02944 21 12"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="15;0"/><animateTransform attributeName="transform" dur="1.5s" repeatCount="indefinite" type="rotate" values="0 12 12;360 12 12"/></path></g></svg>`;
+  return svgLoading;
+}
 var PlaybackBar = class extends Plugin {
   constructor() {
     super(PLUGIN_NAME_PLAYBAR, "div", core_default.style.cls("blaybackbar"));
@@ -16490,6 +16573,7 @@ var PlaybackBar = class extends Plugin {
     this.isShowControls = true;
     this.svgPause = core_default.dom.createByJsx(/* @__PURE__ */ jsx_default.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24" }, /* @__PURE__ */ jsx_default.h("path", { fill: "currentColor", d: "M6 5h2v14H6zm10 0h2v14h-2z" })));
     this.svgPlay = core_default.dom.createByJsx(/* @__PURE__ */ jsx_default.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 32 32" }, /* @__PURE__ */ jsx_default.h("path", { fill: "white", d: "M6.684 25.682L24.316 15.5L6.684 5.318z" })));
+    this.svgLoading = CreateLoadingSvg();
     this.volumeCurrent = 100;
     this.svgSoundZero = core_default.dom.createByJsx(/* @__PURE__ */ jsx_default.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", onclick: () => {
       this.onSooundClick();
@@ -16578,9 +16662,31 @@ var PlaybackBar = class extends Plugin {
     const srcEle = evet.target;
     if (srcEle) {
       const jumpTarget = evet.offsetX / srcEle.clientWidth * this.playbackInfo.total;
-      this.dispatch("jump", { timeTarget: jumpTarget });
+      this.jumpToTargetSeconds({
+        targetSeconds: jumpTarget
+      });
+    }
+  }
+  showLoading(isShow) {
+    var _a;
+    if (isShow) {
+      core_default.dom.append(this._container, this.svgLoading);
+    } else {
+      if ((_a = this.svgLoading) == null ? void 0 : _a.parentNode) {
+        core_default.dom.removeSelf(this.svgLoading);
+      }
     }
   }
+  jumpToTargetSeconds(params) {
+    this.showLoading(true);
+    const onJumped = params.onJumped;
+    const proxyOnJumped = () => {
+      onJumped == null ? void 0 : onJumped();
+      this.showLoading(false);
+    };
+    params.onJumped = proxyOnJumped;
+    this.dispatch("jump", params);
+  }
   onSooundClick() {
     var _a;
     this.volumeCurrent = this.volumeCurrent > 0 ? 0 : 100;
@@ -16808,7 +16914,7 @@ var MarkerHandle = class extends Plugin {
     return this.playArea;
   }
   init(_container, layoutInfo) {
-    if (this.createParams.puid) {
+    if (this.createParams.displayMode == "playback") {
       return _container;
     }
     if (layoutInfo) {
@@ -16843,7 +16949,7 @@ var MarkerHandle = class extends Plugin {
   }
   jumpTimeLine() {
     if (this.currentHandleTimeline) {
-      this.dispatch("jump", { timeTarget: Number(this.currentHandleTimeline.time) });
+      this.dispatch("jump", { "targetSeconds": Number(this.currentHandleTimeline.time) / 1e3 });
     }
   }
   onClickOpts(spanEle, info) {
@@ -17030,6 +17136,36 @@ var useContextMenu2 = (player) => {
     contextMenu.destory();
   };
 };
+function JumpEventsHandleCreater() {
+  const jumpEvents = [];
+  function HandleJumpEvents(current) {
+    jumpEvents.forEach((jumpEvent, index) => {
+      var _a, _b;
+      if (current != jumpEvent.jumpEvent.targetSeconds) {
+        if (!jumpEvent.status && current < jumpEvent.jumpEvent.targetSeconds) {
+          jumpEvent.status = "beforeArrive";
+          return;
+        }
+        if (jumpEvent.status && current < jumpEvent.jumpEvent.targetSeconds) {
+          return;
+        }
+      }
+      (_b = (_a = jumpEvent.jumpEvent).onJumped) == null ? void 0 : _b.call(_a);
+      jumpEvents.splice(index, 1);
+    });
+  }
+  return {
+    add(jumpEvent) {
+      jumpEvents.push({ jumpEvent });
+    },
+    handle(current) {
+      HandleJumpEvents(current);
+    },
+    destory() {
+      jumpEvents.splice(0, jumpEvents.length);
+    }
+  };
+}
 var PlayBack = (props) => {
   const {
     container,
@@ -17042,7 +17178,8 @@ var PlayBack = (props) => {
     token,
     locale = "zh",
     type: type1 = "web",
-    zIndexMenu
+    zIndexMenu,
+    displayMode
   } = __spreadValues(__spreadValues({}, defaultProps3), props);
   i18n_default(locale);
   let hplayer = void 0;
@@ -17062,7 +17199,8 @@ var PlayBack = (props) => {
           puid: puOption == null ? void 0 : puOption.puId,
           currentTimeGatter() {
             return barHandle.playbackInfo.current;
-          }
+          },
+          displayMode: (puOption == null ? void 0 : puOption.puId) ? "playback" : displayMode
         });
         const playbackRender = markerHandle.init(container);
         const player = new player_default({
@@ -17088,6 +17226,18 @@ var PlayBack = (props) => {
         barHandle.addEventListener("fullscreen", () => {
           fullscreen_default.toggle(markerHandle.GetPlayArea());
         });
+        markerHandle.addEventListener("jump", (params) => {
+          barHandle.jumpToTargetSeconds(params);
+        });
+        const jumpEventHandler = JumpEventsHandleCreater();
+        function OnCurrentTimeChange(params) {
+          barHandle.updata({
+            total: params.duration,
+            current: params.current
+          });
+          markerHandle.onCurrentTimeChange(params.current);
+          jumpEventHandler.handle(params.current);
+        }
         const contextIns = useContextMenu2({ instance: instance2, element: playbackRender, zIndexMenu });
         core_default.dom.append(playbackRender, barRendertarget);
         core_default.dom.append(barHandle.getContainer(), playerRendertarget);
@@ -17101,6 +17251,11 @@ var PlayBack = (props) => {
           aEle.download = fileName ? fileName : "\u8BF7\u586B\u5199Filename";
           aEle.click();
         });
+        let jumpHandle;
+        barHandle.addEventListener("jump", (jumpEvent) => {
+          jumpEventHandler.add(jumpEvent);
+          jumpHandle(jumpEvent);
+        });
         if (this.protocol == "web") {
           const videoEle = player.video.getVideoEl();
           videoEle.src = dialog_default.getPlaybackFilePath({ fileId: fileID, puid: puOption == null ? void 0 : puOption.puId }, token);
@@ -17112,11 +17267,10 @@ var PlayBack = (props) => {
           });
           videoEle.ontimeupdate = () => {
             if (!isNaN(videoEle.duration)) {
-              barHandle.updata({
-                total: videoEle.duration,
+              OnCurrentTimeChange({
+                duration: videoEle.duration,
                 current: videoEle.currentTime
               });
-              markerHandle.onCurrentTimeChange(videoEle.currentTime);
             }
           };
           videoEle.onloadedmetadata = () => {
@@ -17137,20 +17291,16 @@ var PlayBack = (props) => {
               }
             }
           });
-          barHandle.addEventListener("jump", (params) => {
-            if (typeof (params == null ? void 0 : params.timeTarget) == "number") {
-              videoEle.currentTime = params == null ? void 0 : params.timeTarget;
-            }
-          });
-          markerHandle.addEventListener("jump", (params) => {
-            if (typeof (params == null ? void 0 : params.timeTarget) == "number") {
-              videoEle.currentTime = (params == null ? void 0 : params.timeTarget) / 1e3;
+          jumpHandle = (params) => {
+            if (typeof (params == null ? void 0 : params.targetSeconds) == "number") {
+              videoEle.currentTime = params == null ? void 0 : params.targetSeconds;
             }
-          });
+          };
           handle2.close = () => {
             markerHandle.destroy();
             player.close();
             barHandle.destroy();
+            jumpEventHandler.destory();
             contextIns == null ? void 0 : contextIns();
             handle2.close = void 0;
             handle2.pause = void 0;
@@ -17224,22 +17374,14 @@ var PlayBack = (props) => {
         }
         hplayer.onvideo = () => {
         };
-        barHandle.addEventListener("jump", (data) => __async(this, null, function* () {
+        jumpHandle = (data) => __async(this, null, function* () {
           if (data && playbackInfo.data) {
             yield hplayer == null ? void 0 : hplayer.playbackStop();
-            const seekInfo = yield playbackController.seek({ range: [data == null ? void 0 : data.timeTarget, playbackInfo.data.range[1]] });
+            const seekInfo = yield playbackController.seek({ range: [data == null ? void 0 : data.targetSeconds, playbackInfo.data.range[1]] });
             yield hplayer == null ? void 0 : hplayer.playbackStart();
             barHandle.pausePlayStateChange("play");
           }
-        }));
-        markerHandle.addEventListener("jump", (data) => __async(this, null, function* () {
-          if (data && playbackInfo.data) {
-            yield hplayer == null ? void 0 : hplayer.playbackStop();
-            const seekInfo = yield playbackController.seek({ range: [(data == null ? void 0 : data.timeTarget) / 1e3, playbackInfo.data.range[1]] });
-            yield hplayer == null ? void 0 : hplayer.playbackStart();
-            barHandle.pausePlayStateChange("play");
-          }
-        }));
+        });
         barHandle.addEventListener("pauseOrPlay", (data) => {
           var _a3, _b2;
           if ((data == null ? void 0 : data.type) == "pause") {
@@ -17259,11 +17401,10 @@ var PlayBack = (props) => {
             const data = yield hplayer == null ? void 0 : hplayer.getPlayerStatistic();
             const ptsVideo = Number(data.data.mediaStatisticInfo.videoStatistic.lastvideopts) / 1e6;
             if (data.code == 0 && data.data && playbackInfo.data) {
-              barHandle.updata({
-                total: playbackInfo.data.range[1],
+              OnCurrentTimeChange({
+                duration: playbackInfo.data.range[1],
                 current: ptsVideo < 0 ? 0 : ptsVideo
               });
-              markerHandle.onCurrentTimeChange(ptsVideo);
             }
           } catch (e) {
           }
@@ -17276,6 +17417,7 @@ var PlayBack = (props) => {
           hplayer == null ? void 0 : hplayer.playbackStop();
           barHandle.destroy();
           contextIns == null ? void 0 : contextIns();
+          jumpEventHandler.destory();
           handle2.close = void 0;
           handle2.pause = void 0;
           handle2.resume = void 0;
@@ -17358,5 +17500,6 @@ export {
   playBack_default as PlayBack,
   puPlayer_default as PuPlayer,
   RemoteSdpFetcher,
-  clearAllDialog
+  clearAllDialog,
+  globalConfigHandler
 };

package/dist/types/api/marker.d.ts

@@ -1,4 +1,8 @@
 import { CustomError } from "src/core/error";
+export interface IJumpEventParams {
+    targetSeconds: number;
+    onJumped?(): void;
+}
 export declare class MarkerTimelineError extends CustomError {
     constructor(message?: string);
 }

package/dist/types/components/global.config.d.ts

@@ -0,0 +1,7 @@
+export interface IGlobalConfig {
+    bNotSendHost?: boolean;
+}
+export declare const globalConfigHandler: {
+    getDefaultProps: () => Partial<IGlobalConfig>;
+    setDefaultProps: (props: Partial<IGlobalConfig>) => void;
+};

package/dist/types/components/playBack.d.ts

@@ -1,6 +1,6 @@
 import { SFC, Props, IComponentInstance } from "../core/types";
 import { IVideoFits } from "../plugins/player";
-import initI18n from "src/locales/i18n";
+import initI18n from "../locales/i18n";
 type Container = HTMLElement | Element | Node | null;
 interface IPlaybackProps extends Props {
     fileID: string;
@@ -23,6 +23,7 @@ interface IPlaybackProps extends Props {
     locale?: Parameters<typeof initI18n>["0"];
     type?: IPlaybackPlayType;
     zIndexMenu?: number;
+    displayMode?: 'playback';
 }
 type IPlaybackPlayType = "ws-bvrtc" | "web";
 interface IPlaybackInstance extends IComponentInstance {

package/dist/types/components/puPlayer.d.ts

@@ -1,8 +1,9 @@
 import { IComponentInstance, Props, SFC } from "../core/types";
 import { IVideoFits } from "../plugins/player";
 import { IPuOption } from "./types";
-import { IControlPluginMap } from "src/plugins/controller";
+import { IControlPluginMap } from "../plugins/controller";
 import { MikeButton } from "./subComponent/mikeButton";
+import { IDataHandle } from "../core/events";
 type Container = HTMLElement | Element | Node | null;
 type helperFunc = {
     getDefaultProps: () => Partial<IPuPlayerProps>;
@@ -62,6 +63,9 @@ export interface IPuPlayerInstance extends IComponentInstance {
     protocol: "webrtc" | "ws-bvrtc" | "auto";
     videoFit: keyof IVideoFits;
     mike?: MikeButton;
+    playerStatus: {
+        fullscreen: IDataHandle<boolean>;
+    };
 }
 declare const PuPlayer: SFC<IPuPlayerProps, IPuPlayerInstance> & helperFunc;
 export default PuPlayer;

package/dist/types/core/events.d.ts

@@ -17,6 +17,17 @@ export interface IEvent {
 }
 export interface IEventMap {
 }
+export declare class IDataHandle<T> {
+    private _data;
+    private handle;
+    constructor(data: T, handle: (data: T) => void);
+    Get(): T;
+    Set(data: T): void;
+    private szHandle;
+    addEventListener(handle: (data: T) => void): void;
+    removeEventListener(handle: (data: T) => void): void;
+    dispatch(data: T): void;
+}
 export declare class Events<M extends IEventMap> {
     protected _notifier: INotifier<any, any>;
     constructor();

package/dist/types/main.d.ts

@@ -6,4 +6,5 @@ import { RemoteSdpFetcher } from './instances/bvWebrtc';
 import { IPuOption, IConfOption } from "./components/types";
 declare const clearAllDialog: (token: string) => Promise<void>;
 import "./styles/main.scss";
-export { PlayBack, PuPlayer, Intercom, Conference, IPuPlayerProps, IPuPlayerInstance, IIntercomProps, IIntercomInstance, IConferenceProps, IConferenceInstance, IPuOption, IConfOption, RemoteSdpFetcher, clearAllDialog, };
+import { globalConfigHandler } from "./components/global.config";
+export { globalConfigHandler, PlayBack, PuPlayer, Intercom, Conference, IPuPlayerProps, IPuPlayerInstance, IIntercomProps, IIntercomInstance, IConferenceProps, IConferenceInstance, IPuOption, IConfOption, RemoteSdpFetcher, clearAllDialog, };

package/dist/types/plugins/markerHandle.d.ts

@@ -1,9 +1,8 @@
 import { RenderTarget } from "src/core/types";
 import { IPluginEventMap, Plugin } from "./types";
+import { IJumpEventParams } from "../api/marker";
 interface MarkerHandleEventMap extends IPluginEventMap {
-    jump: {
-        timeTarget: number;
-    };
+    jump: IJumpEventParams;
 }
 interface IMarkerLayoutInfo {
     right: string;
@@ -14,6 +13,7 @@ interface ICreateParams {
     token: string;
     currentTimeGatter(): number;
     puid?: string;
+    displayMode?: 'playback';
 }
 declare class MarkerHandle extends Plugin<HTMLDivElement, MarkerHandleEventMap> {
     protected beforeDestroy(): void;

package/dist/types/plugins/palybackBar.d.ts

@@ -1,9 +1,8 @@
-import { RenderTarget } from "src/core/types";
+import { RenderTarget } from "../core/types";
 import { IPluginEventMap, Plugin } from "./types";
+import { IJumpEventParams } from "../api/marker";
 interface IPlaybackBarEventMap extends IPluginEventMap {
-    jump: {
-        timeTarget: number;
-    };
+    jump: IJumpEventParams;
     pauseOrPlay: {
         type: "play" | 'pause';
     };
@@ -35,6 +34,9 @@ declare class PlaybackBar extends Plugin<HTMLDivElement, IPlaybackBarEventMap> {
     private onClickJump;
     private svgPause;
     private svgPlay;
+    private svgLoading;
+    private showLoading;
+    jumpToTargetSeconds(params: IJumpEventParams): void;
     private onSooundClick;
     private onVolumeChange;
     private volumeCurrent;

package/dist/types/plugins/player/event.d.ts

@@ -24,7 +24,7 @@ export interface IPlayerPluginEventMap extends IPluginEventMap {
     recordStart: undefined;
     recordStop: undefined;
     screenshot: undefined;
-    fullscreen: undefined;
+    fullscreen: boolean;
     rotate: IRotateEvent;
 }
 export {};

package/dist/types/utils/fullscreen.d.ts

@@ -1,3 +1,4 @@
+declare function isFull(el: HTMLElement | EventTarget): boolean;
 declare function toggle(el?: HTMLElement, options?: FullscreenOptions): Promise<void>;
 declare function watch(el: HTMLElement, callback: (isFull: boolean) => void): {
     cancel: () => void;
@@ -5,5 +6,6 @@ declare function watch(el: HTMLElement, callback: (isFull: boolean) => void): {
 declare const fullscreen: {
     toggle: typeof toggle;
     watch: typeof watch;
+    isFull: typeof isFull;
 };
 export default fullscreen;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@besovideo/webrtc-player",
-  "version": "0.8.73",
+  "version": "0.8.75",
   "description": "@besovideo/webrtc-player desc",
   "type": "module",
   "types": "./dist/types/main.d.ts",