tuikit-atomicx-vue3 3.3.4 → 3.4.2

package/dist/components/LiveCoreView/PlayerControl/PlayerControl.js

@@ -1,279 +0,0 @@
-import AudioControl from "./AudioControl.js";
-import { defineComponent, ref, onMounted, onBeforeUnmount, createBlock, openBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, unref, createVNode, vShow } from "vue";
-import { useUIKit, IconPause, IconPlay, IconPictureInPicture, IconFullScreen, TUIToast, TOAST_TYPE } from "@tencentcloud/uikit-base-component-vue3";
-import { usePlayerControlState } from "./PlayerControlState.js";
-import { isSafariBrowser, isFirefoxBrowser } from "./utils/deviceDetection.js";
-import { isMobile } from "../../../utils/env.js";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "control-buttons" };
-const _hoisted_2 = ["title"];
-const _hoisted_3 = { class: "right-controls" };
-const _hoisted_4 = { class: "control-btn audio-control-btn" };
-const _hoisted_5 = ["title"];
-const _hoisted_6 = ["title"];
-const AUTO_HIDE_DELAY = 3e3;
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "PlayerControl",
-  props: {
-    isLandscapeStyleMode: { type: Boolean }
-  },
-  setup(__props) {
-    const {
-      isPlaying,
-      isFullscreen,
-      isPictureInPicture,
-      pause,
-      resume,
-      requestPictureInPicture,
-      exitPictureInPicture,
-      requestFullscreen,
-      exitFullscreen,
-      setVolume,
-      cleanup
-    } = usePlayerControlState();
-    const props = __props;
-    const { t } = useUIKit();
-    const currentVolume = ref(1);
-    const isMuted = ref(false);
-    const playerControlRef = ref();
-    const showControls = ref(false);
-    const hideTimeout = ref(null);
-    const isEnableVolumeControl = () => {
-      if (!isMobile) return true;
-      if (isSafariBrowser()) return false;
-      if (isFirefoxBrowser()) return false;
-      return true;
-    };
-    const handlePlayPause = () => {
-      if (isPlaying.value) {
-        pause();
-      } else {
-        resume();
-      }
-    };
-    const handlePictureInPicture = async () => {
-      let flag = false;
-      if (isPictureInPicture.value) {
-        flag = await exitPictureInPicture();
-      } else {
-        flag = await requestPictureInPicture();
-      }
-      if (!flag) {
-        TUIToast({
-          type: TOAST_TYPE.ERROR,
-          message: t("The system does not support picture-in-picture mode")
-        });
-      }
-    };
-    const handleFullscreen = () => {
-      console.log("handleFullscreen");
-      if (isFullscreen.value) {
-        exitFullscreen();
-      } else {
-        requestFullscreen();
-      }
-    };
-    const handleVolumeChange = async (volume) => {
-      currentVolume.value = volume;
-      if (isMobile) {
-        startAutoHideControl();
-      }
-      await setVolume(volume);
-    };
-    const startAutoHideControl = () => {
-      stopAutoHideControl();
-      hideTimeout.value = window.setTimeout(() => {
-        showControls.value = false;
-        hideTimeout.value = null;
-      }, AUTO_HIDE_DELAY);
-    };
-    const stopAutoHideControl = () => {
-      if (hideTimeout.value) {
-        clearTimeout(hideTimeout.value);
-        hideTimeout.value = null;
-      }
-    };
-    const handleMouseEnter = () => {
-      stopAutoHideControl();
-      showControls.value = true;
-    };
-    const handleMouseLeave = () => {
-      startAutoHideControl();
-    };
-    const setupParentMouseListener = () => {
-      if (!isMobile && playerControlRef.value) {
-        const parentElement = playerControlRef.value.parentElement;
-        if (parentElement) {
-          parentElement.addEventListener("mouseenter", handleMouseEnter);
-          parentElement.addEventListener("mouseleave", handleMouseLeave);
-        }
-      }
-    };
-    const removeParentMouseListener = () => {
-      if (!isMobile && playerControlRef.value) {
-        const parentElement = playerControlRef.value.parentElement;
-        if (parentElement) {
-          parentElement.removeEventListener("mouseenter", handleMouseEnter);
-          parentElement.removeEventListener("mouseleave", handleMouseLeave);
-        }
-      }
-    };
-    const touchStartCoords = ref(null);
-    const calculateTouchDistance = (start, end) => {
-      return Math.sqrt(Math.pow(end.clientX - start.x, 2) + Math.pow(end.clientY - start.y, 2));
-    };
-    const isPlayerControlTarget = (target) => {
-      var _a;
-      return ((_a = playerControlRef.value) == null ? void 0 : _a.contains(target)) || false;
-    };
-    const isLiveCoreViewTarget = (target) => {
-      const container = document.getElementById("live-core-view-container");
-      return (container == null ? void 0 : container.contains(target)) || false;
-    };
-    const handlePlayerControlTouch = () => {
-      stopAutoHideControl();
-      startAutoHideControl();
-    };
-    const handleLiveCoreViewTouch = () => {
-      showControls.value = !showControls.value;
-      if (showControls.value) {
-        startAutoHideControl();
-      }
-    };
-    const handleScreenTouchStart = (event) => {
-      if (event.touches.length === 1) {
-        const touch = event.touches[0];
-        touchStartCoords.value = {
-          x: touch.clientX,
-          y: touch.clientY
-        };
-      }
-    };
-    const handleScreenTouchMove = (event) => {
-      if (playerControlRef.value && playerControlRef.value.contains(event.target)) {
-        stopAutoHideControl();
-        return;
-      }
-    };
-    const handleScreenTouchEnd = (event) => {
-      if (!touchStartCoords.value) {
-        return;
-      }
-      const touchEnd = event.changedTouches[0];
-      const distance = calculateTouchDistance(touchStartCoords.value, touchEnd);
-      const MAX_CLICK_DISTANCE = 20;
-      if (distance > MAX_CLICK_DISTANCE) {
-        touchStartCoords.value = null;
-        return;
-      }
-      const target = event.target;
-      if (isPlayerControlTarget(target)) {
-        handlePlayerControlTouch();
-      } else if (isLiveCoreViewTarget(target)) {
-        handleLiveCoreViewTouch();
-      } else {
-        showControls.value = false;
-      }
-      touchStartCoords.value = null;
-    };
-    const setupTouchEventListeners = () => {
-      if (isMobile) {
-        document.addEventListener("touchstart", handleScreenTouchStart, true);
-        document.addEventListener("touchmove", handleScreenTouchMove, true);
-        document.addEventListener("touchend", handleScreenTouchEnd, true);
-      }
-    };
-    const removeTouchEventListeners = () => {
-      if (isMobile) {
-        document.removeEventListener("touchstart", handleScreenTouchStart, true);
-        document.removeEventListener("touchmove", handleScreenTouchMove, true);
-        document.removeEventListener("touchend", handleScreenTouchEnd, true);
-      }
-    };
-    const handleMutedChange = async (muted) => {
-      isMuted.value = muted;
-      if (muted) {
-        await setVolume(0);
-      } else {
-        await setVolume(currentVolume.value);
-      }
-    };
-    const cleanupEventListeners = () => {
-      removeTouchEventListeners();
-      removeParentMouseListener();
-      stopAutoHideControl();
-    };
-    onMounted(() => {
-      setupTouchEventListeners();
-      setupParentMouseListener();
-    });
-    onBeforeUnmount(() => {
-      cleanupEventListeners();
-      cleanup();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, { name: "player-control" }, {
-        default: withCtx(() => [
-          withDirectives(createElementVNode("div", {
-            ref_key: "playerControlRef",
-            ref: playerControlRef,
-            class: normalizeClass([
-              "playback-controls",
-              unref(isMobile) ? "mobile-mode" : "pc-mode",
-              { "mobile-landscape-mode": props.isLandscapeStyleMode }
-            ])
-          }, [
-            createElementVNode("div", _hoisted_1, [
-              createElementVNode("span", {
-                class: "control-btn play-pause-btn",
-                title: unref(isPlaying) ? unref(t)("Pause") : unref(t)("Play"),
-                onClick: handlePlayPause
-              }, [
-                unref(isPlaying) ? (openBlock(), createBlock(unref(IconPause), {
-                  key: 0,
-                  size: "20"
-                })) : (openBlock(), createBlock(unref(IconPlay), {
-                  key: 1,
-                  size: "20"
-                }))
-              ], 8, _hoisted_2),
-              _cache[0] || (_cache[0] = createElementVNode("div", { class: "center-controls" }, null, -1)),
-              createElementVNode("div", _hoisted_3, [
-                createElementVNode("span", _hoisted_4, [
-                  createVNode(AudioControl, {
-                    class: "audio-control-icon",
-                    "icon-size": 20,
-                    "enable-volume-control": isEnableVolumeControl(),
-                    onVolumeChange: handleVolumeChange,
-                    onMutedChange: handleMutedChange
-                  }, null, 8, ["enable-volume-control"])
-                ]),
-                createElementVNode("span", {
-                  class: "control-btn",
-                  title: unref(isPictureInPicture) ? unref(t)("Exit Picture in Picture") : unref(t)("Picture in Picture"),
-                  onClick: handlePictureInPicture
-                }, [
-                  createVNode(unref(IconPictureInPicture), { size: "20" })
-                ], 8, _hoisted_5),
-                createElementVNode("span", {
-                  class: "control-btn fullscreen-btn",
-                  title: unref(isFullscreen) ? unref(t)("Exit Fullscreen") : unref(t)("Fullscreen"),
-                  onClick: handleFullscreen
-                }, [
-                  createVNode(unref(IconFullScreen), { size: "20" })
-                ], 8, _hoisted_6)
-              ])
-            ])
-          ], 2), [
-            [vShow, showControls.value]
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-const PlayerControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-28ed6eb9"]]);
-export {
-  PlayerControl as default
-};

package/dist/components/LiveCoreView/PlayerControl/PlayerControlState.js

@@ -1,412 +0,0 @@
-import { ref, computed, watch } from "vue";
-import { useRoomEngine } from "../../../hooks/useRoomEngine.js";
-import { useLiveState } from "../../../states/LiveState/index.js";
-import { useLiveSeatState } from "../../../states/LiveSeatState/index.js";
-import { TRTCCloud } from "@tencentcloud/tuiroom-engine-js";
-import { getDeviceType, getCurrentOrientation, shouldRotateToLandscapeForFullscreen, hadLandscapeRotationToUndo } from "./utils/deviceDetection.js";
-import { OrientationManager, StyleManager, FullscreenMode, FullscreenManager } from "./utils/fullscreenManager.js";
-import { EventListenerManager, DOMElementGetter } from "./utils/domHelpers.js";
-import { LiveStatus } from "../../../types/live.js";
-var FillMode = /* @__PURE__ */ ((FillMode2) => {
-  FillMode2["CONTAIN"] = "contain";
-  FillMode2["COVER"] = "cover";
-  FillMode2["FILL"] = "fill";
-  return FillMode2;
-})(FillMode || {});
-const isPlaying = ref(true);
-const currentFillMode = ref(
-  "contain"
-  /* CONTAIN */
-);
-const isFullscreen = ref(false);
-const isLandscapeStyleMode = ref(false);
-const isPictureInPicture = ref(false);
-const currentVolume = ref(1);
-const roomEngine = useRoomEngine();
-function usePlayerControlState() {
-  const { localLiveStatus } = useLiveState();
-  const { canvas } = useLiveSeatState();
-  const eventManager = new EventListenerManager();
-  const orientationListenerId = `player-control-${Date.now()}`;
-  const isLandscapeStream = computed(
-    () => canvas.value ? canvas.value.width > canvas.value.height : false
-  );
-  const isPortraitStream = computed(
-    () => canvas.value ? canvas.value.width < canvas.value.height : false
-  );
-  const deviceType = getDeviceType();
-  const withErrorHandling = async (operation, operationName, fallbackValue) => {
-    try {
-      return await operation();
-    } catch (error) {
-      console.error(`${operationName} operation failed:`, error);
-      return fallbackValue;
-    }
-  };
-  const syncVolumeState = () => {
-    const video = DOMElementGetter.getVideoElement();
-    if (video) {
-      const actualVolume = video.volume;
-      if (Math.abs(currentVolume.value - actualVolume) > 0.01) {
-        console.log(`Syncing volume state: ${currentVolume.value} -> ${actualVolume}`);
-        currentVolume.value = actualVolume;
-      }
-    }
-  };
-  const syncPlayingState = () => {
-    const video = DOMElementGetter.getVideoElement();
-    if (video) {
-      const actualPlayingState = !video.paused && !video.ended;
-      if (isPlaying.value !== actualPlayingState) {
-        console.log(`Syncing playing state: ${isPlaying.value} -> ${actualPlayingState}`);
-        isPlaying.value = actualPlayingState;
-      }
-    }
-  };
-  const resume = async () => {
-    return withErrorHandling(async () => {
-      const video = DOMElementGetter.getVideoElement();
-      if (!video) {
-        throw new Error("Video element not found");
-      }
-      if (DOMElementGetter.hasTcPlayerElement()) {
-        await video.play();
-      } else {
-        const trtcCloudMap = TRTCCloud.subCloudMap;
-        trtcCloudMap.forEach((trtcCloud) => {
-          const trtc = trtcCloud == null ? void 0 : trtcCloud._trtc;
-          trtc == null ? void 0 : trtc.callExperimentalAPI("resumeRemotePlayer", { userId: "*" });
-        });
-      }
-      isPlaying.value = true;
-      console.log("Video playback resumed");
-      return true;
-    }, "Resume playback", false);
-  };
-  const pause = async () => {
-    return withErrorHandling(async () => {
-      const video = DOMElementGetter.getVideoElement();
-      if (!video) {
-        throw new Error("Video element not found");
-      }
-      if (DOMElementGetter.hasTcPlayerElement()) {
-        await video.pause();
-      } else {
-        const trtcCloudMap = TRTCCloud.subCloudMap;
-        trtcCloudMap.forEach((trtcCloud) => {
-          const trtc = trtcCloud == null ? void 0 : trtcCloud._trtc;
-          trtc == null ? void 0 : trtc.callExperimentalAPI("pauseRemotePlayer", { userId: "*" });
-        });
-      }
-      isPlaying.value = false;
-      console.log("Video playback paused");
-      return true;
-    }, "Pause playback", false);
-  };
-  const handleOrientationChange = (newOrientation) => {
-    if (!isFullscreen.value) {
-      return;
-    }
-    if (!isLandscapeStream.value) {
-      return;
-    }
-    const elements = DOMElementGetter.getAllElements();
-    if (!elements.view) {
-      console.warn("live-core-view element not found for orientation change handling");
-      return;
-    }
-    console.log("Handling orientation change:", {
-      newOrientation,
-      deviceType,
-      isLandscapeStream: isLandscapeStream.value,
-      isFullscreen: isFullscreen.value
-    });
-    StyleManager.smartApplyLandscapeStyles(elements.view, newOrientation);
-  };
-  const requestFullscreen = async () => {
-    return withErrorHandling(async () => {
-      const elements = DOMElementGetter.getAllElements();
-      const validation = DOMElementGetter.validateElements(elements);
-      if (!validation.isValid) {
-        throw new Error(`Missing required DOM elements: ${validation.missingElements.join(", ")}`);
-      }
-      const currentOrientation = getCurrentOrientation();
-      const shouldRotateToLandscape = shouldRotateToLandscapeForFullscreen(deviceType, isLandscapeStream.value);
-      console.log("Request fullscreen:", {
-        deviceType,
-        currentOrientation,
-        streamType: isLandscapeStream.value ? "landscape stream" : isPortraitStream.value ? "portrait stream" : "unknown",
-        shouldRotate: shouldRotateToLandscape,
-        reason: shouldRotateToLandscape ? "Mobile device in portrait with landscape stream" : currentOrientation === "landscape" ? "Already in landscape orientation" : !isLandscapeStream.value ? "Not a landscape stream" : "Desktop device or other reason"
-      });
-      const result = await FullscreenManager.requestFullscreen(
-        elements.container,
-        elements.view,
-        deviceType,
-        isPortraitStream.value,
-        shouldRotateToLandscape
-      );
-      if (result.success) {
-        isFullscreen.value = true;
-        console.log(`Fullscreen request successful (${result.mode})`);
-      } else {
-        console.error("Fullscreen request failed:", result.error);
-      }
-      isLandscapeStyleMode.value = result.shouldRotateToLandscape;
-      return result;
-    }, "Request fullscreen", { success: false, mode: FullscreenMode.CSS_SIMULATED, shouldRotateToLandscape: false });
-  };
-  const exitFullscreen = async () => {
-    return withErrorHandling(async () => {
-      const elements = DOMElementGetter.getAllElements();
-      if (!elements.view) {
-        throw new Error("live-core-view element not found");
-      }
-      const currentOrientation = getCurrentOrientation();
-      const hadLandscapeRotation = hadLandscapeRotationToUndo(deviceType, isLandscapeStream.value);
-      console.log("Exit fullscreen:", {
-        deviceType,
-        currentOrientation,
-        streamType: isLandscapeStream.value ? "landscape stream" : isPortraitStream.value ? "portrait stream" : "unknown",
-        hadLandscapeRotation,
-        reason: hadLandscapeRotation ? "Mobile device with landscape stream in landscape mode" : currentOrientation === "portrait" ? "Already in portrait orientation" : !isLandscapeStream.value ? "Not a landscape stream" : "Desktop device or other reason"
-      });
-      const result = await FullscreenManager.exitFullscreen(
-        elements.view,
-        deviceType,
-        hadLandscapeRotation
-      );
-      if (result.mode === FullscreenMode.CSS_SIMULATED) {
-        isFullscreen.value = false;
-      }
-      if (result.success) {
-        console.log(`Fullscreen exit successful (${result.mode})`);
-      } else {
-        console.error("Fullscreen exit failed:", result.error);
-      }
-      isLandscapeStyleMode.value = false;
-      return result;
-    }, "Exit fullscreen", { success: false, mode: FullscreenMode.CSS_SIMULATED, shouldRotateToLandscape: false });
-  };
-  const requestPictureInPicture = async () => {
-    return withErrorHandling(async () => {
-      const video = DOMElementGetter.getVideoElement();
-      if (!video) {
-        throw new Error("Video element not found");
-      }
-      if (!video.requestPictureInPicture) {
-        throw new Error("Picture-in-picture not supported in current environment");
-      }
-      setupVideoEventListeners();
-      await video.requestPictureInPicture();
-      console.log("Picture-in-picture request successful");
-      return true;
-    }, "Request picture-in-picture", false);
-  };
-  const exitPictureInPicture = async () => {
-    return withErrorHandling(async () => {
-      if (!document.exitPictureInPicture) {
-        throw new Error("Exit picture-in-picture not supported in current environment");
-      }
-      await document.exitPictureInPicture();
-      console.log("Picture-in-picture exit successful");
-      return true;
-    }, "Exit picture-in-picture", false);
-  };
-  const setVolume = async (volume) => {
-    return withErrorHandling(async () => {
-      var _a;
-      if (volume < 0 || volume > 1) {
-        throw new Error("Volume value must be between 0-1");
-      }
-      const trtcCloudMap = TRTCCloud.subCloudMap;
-      if (volume === 0) {
-        trtcCloudMap.forEach((trtcCloud) => {
-          const trtc = trtcCloud == null ? void 0 : trtcCloud._trtc;
-          trtc == null ? void 0 : trtc.muteRemoteAudio("*", true);
-        });
-      } else {
-        trtcCloudMap.forEach((trtcCloud) => {
-          const trtc = trtcCloud == null ? void 0 : trtcCloud._trtc;
-          trtc == null ? void 0 : trtc.muteRemoteAudio("*", false);
-        });
-      }
-      (_a = roomEngine.instance) == null ? void 0 : _a.setAudioPlayoutVolume({ volume: volume * 100 });
-      currentVolume.value = volume;
-      console.log(`Video volume set to: ${volume}`);
-      return true;
-    }, "Set volume", false);
-  };
-  const changeFillMode = async (fillMode) => {
-    return withErrorHandling(async () => {
-      currentFillMode.value = fillMode;
-      console.log(`Fill mode changed to: ${fillMode}`);
-      return true;
-    }, "Change fill mode", false);
-  };
-  const handleFullscreenExit = () => {
-    try {
-      const elements = DOMElementGetter.getAllElements();
-      if (!elements.view) {
-        console.warn("live-core-view element not found for fullscreen exit cleanup");
-        return;
-      }
-      console.log("Executing fullscreen exit style cleanup:", {
-        deviceType,
-        hasLandscapeStream: isLandscapeStream.value,
-        currentOrientation: getCurrentOrientation()
-      });
-      StyleManager.removeFullscreenStyles(elements.view);
-      StyleManager.removeLandscapeStyles(elements.view);
-      if (deviceType !== "desktop") {
-        OrientationManager.unlockOrientation().catch((error) => {
-          console.warn("Failed to unlock orientation during cleanup:", error);
-        });
-      }
-      isLandscapeStyleMode.value = false;
-      console.log("Fullscreen exit style cleanup completed");
-    } catch (error) {
-      console.error("Fullscreen exit style cleanup failed:", error);
-    }
-  };
-  const setupFullscreenEventListeners = () => {
-    const handleFullscreenChange = () => {
-      const isCurrentlyFullscreen = !!document.fullscreenElement;
-      const wasFullscreen = isFullscreen.value;
-      console.log("Fullscreen state change:", {
-        fullscreenElement: document.fullscreenElement,
-        isCurrentlyFullscreen,
-        previousValue: wasFullscreen,
-        deviceType,
-        changeType: isCurrentlyFullscreen ? "entered" : "exited"
-      });
-      isFullscreen.value = isCurrentlyFullscreen;
-      if (wasFullscreen && !isCurrentlyFullscreen) {
-        console.log("Detected passive fullscreen exit, executing style cleanup");
-        handleFullscreenExit();
-      }
-    };
-    eventManager.addListener("fullscreenchange", document, "fullscreenchange", handleFullscreenChange);
-    eventManager.addListener("webkitfullscreenchange", document, "webkitfullscreenchange", handleFullscreenChange);
-    eventManager.addListener("mozfullscreenchange", document, "mozfullscreenchange", handleFullscreenChange);
-    eventManager.addListener("MSFullscreenChange", document, "MSFullscreenChange", handleFullscreenChange);
-    const handleVisibilityChange = () => {
-      if (document.visibilityState === "visible" && isFullscreen.value) {
-        const actuallyFullscreen = !!document.fullscreenElement;
-        if (!actuallyFullscreen) {
-          console.log("Detected fullscreen state inconsistency via visibilitychange, executing cleanup");
-          isFullscreen.value = false;
-          handleFullscreenExit();
-        }
-      }
-    };
-    eventManager.addListener("visibilitychange", document, "visibilitychange", handleVisibilityChange);
-  };
-  const setupVideoEventListeners = () => {
-    const video = DOMElementGetter.getVideoElement();
-    if (!video) return;
-    const handleEnterPictureInPicture = () => {
-      console.log("Entered picture-in-picture mode");
-      isPictureInPicture.value = true;
-    };
-    const handleLeavePictureInPicture = () => {
-      console.log("Left picture-in-picture mode");
-      isPictureInPicture.value = false;
-      setTimeout(resume, 300);
-    };
-    const handlePlay = () => {
-      console.log("Video play event detected");
-      isPlaying.value = true;
-    };
-    const handlePause = () => {
-      console.log("Video pause event detected");
-      isPlaying.value = false;
-    };
-    const handleEnded = () => {
-      console.log("Video ended event detected");
-      isPlaying.value = false;
-    };
-    const handleLoadStart = () => {
-      console.log("Video load start event detected");
-      isPlaying.value = !video.paused;
-    };
-    const handleCanPlay = () => {
-      console.log("Video can play event detected");
-      isPlaying.value = !video.paused;
-    };
-    const handleSeeking = () => {
-      console.log("Video seeking event detected");
-      syncPlayingState();
-    };
-    const handleSeeked = () => {
-      console.log("Video seeked event detected");
-      syncPlayingState();
-    };
-    const handleTimeUpdate = () => {
-      if (Math.random() < 0.1) {
-        syncPlayingState();
-      }
-    };
-    const handleVolumeChange = () => {
-      console.log("Video volume change event detected");
-      syncPlayingState();
-      syncVolumeState();
-    };
-    eventManager.addListener("enterpictureinpicture", video, "enterpictureinpicture", handleEnterPictureInPicture);
-    eventManager.addListener("leavepictureinpicture", video, "leavepictureinpicture", handleLeavePictureInPicture);
-    eventManager.addListener("play", video, "play", handlePlay);
-    eventManager.addListener("pause", video, "pause", handlePause);
-    eventManager.addListener("ended", video, "ended", handleEnded);
-    eventManager.addListener("loadstart", video, "loadstart", handleLoadStart);
-    eventManager.addListener("canplay", video, "canplay", handleCanPlay);
-    eventManager.addListener("seeking", video, "seeking", handleSeeking);
-    eventManager.addListener("seeked", video, "seeked", handleSeeked);
-    eventManager.addListener("timeupdate", video, "timeupdate", handleTimeUpdate);
-    eventManager.addListener("volumechange", video, "volumechange", handleVolumeChange);
-  };
-  const cleanup = () => {
-    console.log("Cleaning up player control state...");
-    OrientationManager.removeOrientationListener(orientationListenerId);
-    eventManager.removeAllListeners();
-    console.log(`Cleaned up ${eventManager.getListenerCount()} event listeners`);
-  };
-  setupFullscreenEventListeners();
-  setupVideoEventListeners();
-  OrientationManager.addOrientationListener(orientationListenerId, handleOrientationChange);
-  syncPlayingState();
-  syncVolumeState();
-  watch(localLiveStatus, (newStatus) => {
-    if (newStatus === LiveStatus.Ended) {
-      exitFullscreen();
-      exitPictureInPicture();
-      isPlaying.value = true;
-      isFullscreen.value = false;
-      isPictureInPicture.value = false;
-      currentVolume.value = 1;
-    }
-  });
-  return {
-    // State
-    isPlaying,
-    currentFillMode,
-    isFullscreen,
-    isLandscapeStyleMode,
-    isPictureInPicture,
-    currentVolume,
-    // Methods
-    resume,
-    pause,
-    requestFullscreen,
-    exitFullscreen,
-    requestPictureInPicture,
-    exitPictureInPicture,
-    setVolume,
-    changeFillMode,
-    // Cleanup
-    cleanup
-  };
-}
-export {
-  FillMode,
-  usePlayerControlState
-};

package/dist/components/LiveCoreView/PlayerControl/index.js

@@ -1,8 +0,0 @@
-import { default as default2 } from "./AudioControl.js";
-import { default as default3 } from "./PlayerControl.js";
-import { usePlayerControlState } from "./PlayerControlState.js";
-export {
-  default2 as AudioControl,
-  default3 as PlayerControl,
-  usePlayerControlState
-};