@ndscnj/roomkit-web-vue3 3.2.0

package/lib/core/components/VideoSetting/VideoRequestDialog.vue.js

@@ -0,0 +1,107 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-js");
+const index$1 = require("../../../components/common/base/Dialog/index.js");
+const room = require("../../../stores/room.js");
+const index = require("../../../locales/index.js");
+const useRoomEngine = require("../../../hooks/useRoomEngine.js");
+const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "VideoRequestDialog",
+  setup(__props) {
+    const roomEngine = useRoomEngine.default();
+    const roomStore = room.useRoomStore();
+    const dialogContent = Vue.ref("");
+    const { t } = index.useI18n();
+    const showRequestOpenCameraDialog = Vue.ref(false);
+    const requestOpenCameraRequestId = Vue.ref("");
+    async function onRequestReceived(eventInfo) {
+      const { userId, requestAction, requestId } = eventInfo.request;
+      if (requestAction === TUIRoomEngine.TUIRequestAction.kRequestToOpenRemoteCamera) {
+        const userRole = roomStore.getUserRole(userId) === TUIRoomEngine.TUIRole.kRoomOwner ? t("RoomOwner") : t("Admin");
+        dialogContent.value = t("Sb invites you to turn on the camera", {
+          role: userRole
+        });
+        requestOpenCameraRequestId.value = requestId;
+        showRequestOpenCameraDialog.value = true;
+      }
+    }
+    async function handleAccept() {
+      var _a;
+      await ((_a = roomEngine.instance) == null ? void 0 : _a.responseRemoteRequest({
+        requestId: requestOpenCameraRequestId.value,
+        agree: true
+      }));
+      requestOpenCameraRequestId.value = "";
+      showRequestOpenCameraDialog.value = false;
+    }
+    async function handleReject() {
+      var _a;
+      await ((_a = roomEngine.instance) == null ? void 0 : _a.responseRemoteRequest({
+        requestId: requestOpenCameraRequestId.value,
+        agree: false
+      }));
+      requestOpenCameraRequestId.value = "";
+      showRequestOpenCameraDialog.value = false;
+    }
+    async function onRequestCancelled(eventInfo) {
+      const { requestId } = eventInfo;
+      if (requestOpenCameraRequestId.value === requestId) {
+        showRequestOpenCameraDialog.value = false;
+      }
+    }
+    TUIRoomEngine.once("ready", () => {
+      var _a, _b;
+      (_a = roomEngine.instance) == null ? void 0 : _a.on(TUIRoomEngine.TUIRoomEvents.onRequestReceived, onRequestReceived);
+      (_b = roomEngine.instance) == null ? void 0 : _b.on(TUIRoomEngine.TUIRoomEvents.onRequestCancelled, onRequestCancelled);
+    });
+    Vue.onUnmounted(() => {
+      var _a, _b;
+      (_a = roomEngine.instance) == null ? void 0 : _a.off(TUIRoomEngine.TUIRoomEvents.onRequestReceived, onRequestReceived);
+      (_b = roomEngine.instance) == null ? void 0 : _b.off(
+        TUIRoomEngine.TUIRoomEvents.onRequestCancelled,
+        onRequestCancelled
+      );
+    });
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createBlock(Vue.unref(index$1.default), {
+        modelValue: showRequestOpenCameraDialog.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showRequestOpenCameraDialog.value = $event),
+        title: Vue.unref(t)("Tips"),
+        modal: true,
+        "show-close": false,
+        "close-on-click-modal": false,
+        width: "500px",
+        "append-to-room-container": true,
+        "confirm-button": Vue.unref(t)("Turn on the camera"),
+        "cancel-button": Vue.unref(t)("Keep it closed"),
+        onConfirm: handleAccept,
+        onCancel: handleReject
+      }, {
+        footer: Vue.withCtx(() => [
+          Vue.createVNode(Vue.unref(uikitBaseComponentVue3.TUIButton), {
+            onClick: handleAccept,
+            type: "primary"
+          }, {
+            default: Vue.withCtx(() => [
+              Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Turn on the camera")), 1)
+            ]),
+            _: 1
+          }),
+          Vue.createVNode(Vue.unref(uikitBaseComponentVue3.TUIButton), { onClick: handleReject }, {
+            default: Vue.withCtx(() => [
+              Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Keep it closed")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        default: Vue.withCtx(() => [
+          Vue.createElementVNode("span", null, Vue.toDisplayString(dialogContent.value), 1)
+        ]),
+        _: 1
+      }, 8, ["modelValue", "title", "confirm-button", "cancel-button"]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/core/components/VideoSetting/VideoRequestDialog.vue2.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const VideoRequestDialog_vue_vue_type_script_setup_true_lang = require("./VideoRequestDialog.vue.js");
+exports.default = VideoRequestDialog_vue_vue_type_script_setup_true_lang.default;

package/lib/core/components/VideoSetting/VideoSettingTab.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/core/components/VideoSetting/VideoSettingTab.vue2.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const VideoSettingTab_vue_vue_type_script_setup_true_lang = require("./VideoSettingTab.vue3.js");
+;/* empty css                     */
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
+const VideoSettingTab = /* @__PURE__ */ _pluginVue_exportHelper.default(VideoSettingTab_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-308d3a1e"]]);
+exports.default = VideoSettingTab;

package/lib/core/components/VideoSetting/VideoSettingTab.vue3.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const CameraSelect = require("./CameraSelect.vue2.js");
+const VideoProfile = require("./VideoProfile.vue2.js");
+const VideoPreview = require("./VideoPreview.vue.js");
+const TuiSwitch = require("../../../components/common/base/TuiSwitch.vue.js");
+const index = require("../../../locales/index.js");
+const index$1 = require("../../hooks/useVideoDeviceState/index.js");
+const _hoisted_1 = { class: "video-tab" };
+const _hoisted_2 = {
+  key: 0,
+  class: "item-setting"
+};
+const _hoisted_3 = { class: "title" };
+const _hoisted_4 = {
+  key: 1,
+  class: "item-setting"
+};
+const _hoisted_5 = { class: "title" };
+const _hoisted_6 = {
+  key: 2,
+  class: "item-setting"
+};
+const _hoisted_7 = { class: "title" };
+const _hoisted_8 = {
+  key: 3,
+  class: "mirror-container"
+};
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "VideoSettingTab",
+  setup(__props) {
+    const { t } = index.useI18n();
+    const { isLocalMirror, camera } = index$1.useVideoDeviceState();
+    const videoSettingProps = Vue.inject("videoSettingProps");
+    Vue.watch(
+      isLocalMirror,
+      async (val) => {
+        camera.switchMirror({ mirror: val });
+      },
+      { immediate: true }
+    );
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d;
+      return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        ((_a = Vue.unref(videoSettingProps)) == null ? void 0 : _a.supportSwitchCamera) ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_2, [
+          Vue.createElementVNode("span", _hoisted_3, Vue.toDisplayString(Vue.unref(t)("Camera")), 1),
+          Vue.createVNode(CameraSelect.default)
+        ])) : Vue.createCommentVNode("", true),
+        ((_b = Vue.unref(videoSettingProps)) == null ? void 0 : _b.supportVideoPreview) ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_4, [
+          Vue.createElementVNode("span", _hoisted_5, Vue.toDisplayString(Vue.unref(t)("Preview")), 1),
+          Vue.createVNode(VideoPreview.default, { class: "video-preview" })
+        ])) : Vue.createCommentVNode("", true),
+        ((_c = Vue.unref(videoSettingProps)) == null ? void 0 : _c.supportSwitchResolution) ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_6, [
+          Vue.createElementVNode("span", _hoisted_7, Vue.toDisplayString(Vue.unref(t)("Resolution")), 1),
+          Vue.createVNode(VideoProfile.default)
+        ])) : Vue.createCommentVNode("", true),
+        ((_d = Vue.unref(videoSettingProps)) == null ? void 0 : _d.supportSwitchMirror) ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_8, [
+          Vue.createElementVNode("span", null, Vue.toDisplayString(Vue.unref(t)("Mirror")), 1),
+          Vue.createVNode(TuiSwitch.default, {
+            modelValue: Vue.unref(isLocalMirror),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => Vue.isRef(isLocalMirror) ? isLocalMirror.value = $event : null)
+          }, null, 8, ["modelValue"])
+        ])) : Vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/core/components/VideoSetting/index.vue.d.ts

@@ -0,0 +1,40 @@
+import { VideoSettingProps } from '../../type';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VideoSettingProps>, {
+    supportSwitchCamera: boolean;
+    supportSwitchResolution: boolean;
+    supportVideoPreview: boolean;
+    supportSwitchMirror: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "click-icon": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VideoSettingProps>, {
+    supportSwitchCamera: boolean;
+    supportSwitchResolution: boolean;
+    supportVideoPreview: boolean;
+    supportSwitchMirror: boolean;
+}>>> & Readonly<{
+    "onClick-icon"?: ((...args: any[]) => any) | undefined;
+}>, {
+    supportSwitchCamera: boolean;
+    supportVideoPreview: boolean;
+    supportSwitchResolution: boolean;
+    supportSwitchMirror: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/lib/core/components/VideoSetting/index.vue.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index_vue_vue_type_script_setup_true_lang = ;/* empty css            */
+;/* empty css            */
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
+const VideoSetting = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-3239b88f"]]);
+exports.default = VideoSetting;

package/lib/core/components/VideoSetting/index.vue3.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const VideoMediaControl = require("./VideoMediaControl.vue2.js");
+const VideoRequestDialog_vue_vue_type_script_setup_true_lang = require("./VideoRequestDialog.vue.js");
+const VideoSettingTab = require("./VideoSettingTab.vue2.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "index",
+  props: {
+    displayMode: {},
+    supportSwitchCamera: { type: Boolean, default: true },
+    supportSwitchResolution: { type: Boolean, default: true },
+    supportVideoPreview: { type: Boolean, default: true },
+    supportSwitchMirror: { type: Boolean, default: true }
+  },
+  emits: ["click-icon"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    function handleVideoMediaClick() {
+      emits("click-icon");
+    }
+    const props = __props;
+    Vue.provide("videoSettingProps", Vue.reactive(props));
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", null, [
+        __props.displayMode === "Icon" || __props.displayMode === "IconWithPanel" ? (Vue.openBlock(), Vue.createBlock(VideoMediaControl.default, {
+          key: 0,
+          onClickIcon: handleVideoMediaClick
+        })) : Vue.createCommentVNode("", true),
+        __props.displayMode === "Panel" ? (Vue.openBlock(), Vue.createBlock(VideoSettingTab.default, { key: 1 })) : Vue.createCommentVNode("", true),
+        __props.displayMode !== "Panel" ? (Vue.openBlock(), Vue.createBlock(VideoRequestDialog_vue_vue_type_script_setup_true_lang.default, { key: 2 })) : Vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/core/components/index.d.ts

@@ -0,0 +1,7 @@
+import { default as AudioSetting } from './AudioSetting/index.vue';
+import { default as VideoSetting } from './VideoSetting/index.vue';
+import { default as VideoPreview } from './VideoSetting/VideoPreview.vue';
+import { default as UserList } from './UserList/index.vue';
+import { default as FreeBeauty } from './FreeBeauty/index.vue';
+
+export { AudioSetting, VideoSetting, VideoPreview, UserList, FreeBeauty };

package/lib/core/hooks/index.d.ts

@@ -0,0 +1,7 @@
+import { default as useAudioDeviceState } from './useAudioDeviceState/index.ts';
+import { default as useVideoDeviceState } from './useVideoDeviceState/index.ts';
+import { default as useUserState } from './useUserState/index.ts';
+import { default as useRoomState } from './useRoomState/index.ts';
+import { default as useFreeBeautyState } from './useFreeBeautyState/index.ts';
+
+export { useAudioDeviceState, useVideoDeviceState, useUserState, useRoomState, useFreeBeautyState, };

package/lib/core/hooks/useAudioDeviceState/audioDeviceListHandler.d.ts

@@ -0,0 +1,11 @@
+import { TUIMediaDeviceType, TUIMediaDeviceState } from '../../../../../node_modules/@tencentcloud/tuiroom-engine-js';
+
+export declare function initMediaDeviceList(): Promise<void>;
+/**
+ * Device changes: device switching, device plugging and unplugging events
+ **/
+export declare function onDeviceChanged(eventInfo: {
+    deviceId: string;
+    type: TUIMediaDeviceType;
+    state: TUIMediaDeviceState;
+}): Promise<void>;

package/lib/core/hooks/useAudioDeviceState/audioDeviceListHandler.js

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-js");
+const useDeviceManager = require("../../../hooks/useDeviceManager.js");
+const index = require("../../../utils/common/logger/index.js");
+const audioDeviceManagerState = require("./audioDeviceManagerState.js");
+const {
+  microphoneList,
+  currentMicrophoneDevice,
+  speakerList,
+  currentSpeakerDevice
+} = audioDeviceManagerState.default();
+const deviceManager = useDeviceManager.default();
+async function initMediaDeviceList() {
+  var _a, _b, _c, _d;
+  if (!deviceManager.instance) {
+    return;
+  }
+  microphoneList.value = await ((_a = deviceManager.instance) == null ? void 0 : _a.getDevicesList({
+    type: TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeAudioInput
+  })) || [];
+  audioDeviceManagerState.isMicrophoneListInitiated.value = true;
+  speakerList.value = await ((_b = deviceManager.instance) == null ? void 0 : _b.getDevicesList({
+    type: TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeAudioOutput
+  })) || [];
+  audioDeviceManagerState.isSpeakerListInitiated.value = true;
+  currentMicrophoneDevice.value = (_c = deviceManager.instance) == null ? void 0 : _c.getCurrentDevice({
+    type: TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeAudioInput
+  });
+  currentSpeakerDevice.value = (_d = deviceManager.instance) == null ? void 0 : _d.getCurrentDevice({
+    type: TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeAudioOutput
+  });
+}
+async function onDeviceChanged(eventInfo) {
+  var _a, _b, _c, _d;
+  const { deviceId, type, state } = eventInfo;
+  if (!deviceManager.instance || type === TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeVideoCamera) {
+    return;
+  }
+  const deviceTypeTextObj = {
+    [TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeAudioInput]: "mic",
+    [TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeAudioOutput]: "speaker",
+    [TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeVideoCamera]: "camera",
+    [TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeUnknown]: "unknown"
+  };
+  const stateTextObj = {
+    [TUIRoomEngine.TUIMediaDeviceState.kMediaDeviceStateAdd]: "add",
+    [TUIRoomEngine.TUIMediaDeviceState.kMediaDeviceStateRemove]: "remove",
+    [TUIRoomEngine.TUIMediaDeviceState.kMediaDeviceStateActive]: "active"
+  };
+  index.default.log(
+    `onDeviceChanged: deviceId: ${deviceId}, type: ${deviceTypeTextObj[type]}, state: ${stateTextObj[state]}`
+  );
+  if (type === TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeAudioInput) {
+    microphoneList.value = await ((_a = deviceManager.instance) == null ? void 0 : _a.getDevicesList({
+      type
+    })) || [];
+    if (state === TUIRoomEngine.TUIMediaDeviceState.kMediaDeviceStateActive) {
+      currentMicrophoneDevice.value = ((_b = deviceManager.instance) == null ? void 0 : _b.getCurrentDevice({
+        type: TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeAudioInput
+      })) || null;
+    }
+  }
+  if (type === TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeAudioOutput) {
+    speakerList.value = await ((_c = deviceManager.instance) == null ? void 0 : _c.getDevicesList({
+      type
+    })) || [];
+    if (state === TUIRoomEngine.TUIMediaDeviceState.kMediaDeviceStateActive) {
+      currentSpeakerDevice.value = ((_d = deviceManager.instance) == null ? void 0 : _d.getCurrentDevice({
+        type: TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeAudioOutput
+      })) || null;
+    }
+  }
+}
+exports.initMediaDeviceList = initMediaDeviceList;
+exports.onDeviceChanged = onDeviceChanged;

package/lib/core/hooks/useAudioDeviceState/audioDeviceManager.d.ts

@@ -0,0 +1,37 @@
+import { TUIAudioRoute } from '../../../../../node_modules/@tencentcloud/tuiroom-engine-js';
+
+declare class Microphone {
+    static instance: Microphone;
+    constructor();
+    private onTestMicVolume;
+    startMicDeviceTest(options: {
+        interval: number;
+    }): Promise<void>;
+    stopMicDeviceTest(): Promise<void>;
+    checkMicrophonePermission(): Promise<void>;
+    openLocalMicrophone(): Promise<void>;
+    closeLocalMicrophone(): Promise<void>;
+    muteLocalAudio(): Promise<void>;
+    unmuteLocalAudio(): Promise<void>;
+    setCurrentDevice(options: {
+        deviceId: string;
+    }): Promise<void>;
+}
+declare class Speaker {
+    private speakerTestPlayer;
+    startSpeakerDeviceTest(options: {
+        filePath: string;
+    }): Promise<void>;
+    stopSpeakerDeviceTest(): Promise<void>;
+    setCurrentDevice(options: {
+        deviceId: string;
+    }): Promise<void>;
+    setAudioRoute(options: {
+        route: TUIAudioRoute;
+    }): Promise<void>;
+}
+export default function useAudioDeviceManager(): {
+    microphone: Microphone;
+    speaker: Speaker;
+};
+export {};

package/lib/core/hooks/useAudioDeviceState/audioDeviceManager.js

@@ -0,0 +1,202 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-js");
+const MediaDeviceSetting = require("../../type/MediaDeviceSetting.js");
+const useRoomEngine = require("../../../hooks/useRoomEngine.js");
+const useDeviceManager = require("../../../hooks/useDeviceManager.js");
+const environment = require("../../../utils/environment.js");
+const index = require("../../../components/common/base/MessageBox/index.js");
+const uikitBaseComponentVue3 = require("@tencentcloud/uikit-base-component-vue3");
+const index$1 = require("../../../locales/index.js");
+const message = require("../../../constants/message.js");
+require("../../../services/main.js");
+const roomService = require("../../../services/roomService.js");
+require("mitt");
+require("../../../services/manager/roomActionManager.js");
+require("@tencentcloud/tui-core");
+const audioDeviceManagerState = require("./audioDeviceManagerState.js");
+const {
+  microphoneState,
+  currentMicrophoneDevice,
+  currentMicrophoneId,
+  currentSpeakerDevice,
+  currentSpeakerId,
+  isMicrophoneTesting,
+  isSpeakerTesting,
+  currentAudioRoute
+} = audioDeviceManagerState.default();
+const roomEngine = useRoomEngine.default();
+const deviceManager = useDeviceManager.default();
+const { t } = index$1.default.global;
+const _Microphone = class _Microphone {
+  constructor() {
+    if (!_Microphone.instance) {
+      _Microphone.instance = this;
+    }
+    return _Microphone.instance;
+  }
+  onTestMicVolume(options) {
+    audioDeviceManagerState.testAudioVolume.value = options.volume;
+  }
+  async startMicDeviceTest(options) {
+    var _a, _b;
+    await ((_a = roomEngine.instance) == null ? void 0 : _a.startMicDeviceTest(options));
+    isMicrophoneTesting.value = true;
+    (_b = deviceManager.instance) == null ? void 0 : _b.on(
+      TUIRoomEngine.TUIRoomDeviceMangerEvents.onTestMicVolume,
+      this.onTestMicVolume
+    );
+  }
+  async stopMicDeviceTest() {
+    var _a, _b;
+    await ((_a = roomEngine.instance) == null ? void 0 : _a.stopMicDeviceTest());
+    isMicrophoneTesting.value = false;
+    (_b = deviceManager.instance) == null ? void 0 : _b.off(
+      TUIRoomEngine.TUIRoomDeviceMangerEvents.onTestMicVolume,
+      this.onTestMicVolume
+    );
+  }
+  async checkMicrophonePermission() {
+    const audioStream = await navigator.mediaDevices.getUserMedia({
+      audio: { deviceId: currentMicrophoneId.value }
+    });
+    audioStream.getAudioTracks()[0].stop();
+  }
+  async openLocalMicrophone() {
+    var _a;
+    if (microphoneState.value === MediaDeviceSetting.MediaDeviceState.NotSupportCapture && !environment.isWeChat) {
+      index.default({
+        title: t("Note"),
+        message: t("The current browser does not support capturing audio"),
+        confirmButtonText: t("Sure")
+      });
+      return;
+    }
+    if (microphoneState.value === MediaDeviceSetting.MediaDeviceState.NoDeviceDetected && !environment.isWeChat) {
+      index.default({
+        title: t("Note"),
+        message: t("Microphone not detected on current device"),
+        confirmButtonText: t("Sure")
+      });
+      return;
+    }
+    try {
+      await this.checkMicrophonePermission();
+    } catch (error) {
+      index.default({
+        title: t("Note"),
+        message: t(
+          "The current device is not authorized, please allow access to the device permissions",
+          { deviceType: t("microphone") }
+        ),
+        confirmButtonText: t("Sure")
+      });
+      return;
+    }
+    if (microphoneState.value === MediaDeviceSetting.MediaDeviceState.DeviceOffAndDisabled) {
+      let warningMessage = "";
+      if (roomService.roomService.roomStore.isAudience) {
+        warningMessage = message.WARNING_MESSAGE.UNMUTE_LOCAL_MIC_FAIL_AUDIENCE;
+      } else if (roomService.roomService.roomStore.isMicrophoneDisableForAllUser) {
+        warningMessage = message.WARNING_MESSAGE.UNMUTE_LOCAL_MIC_FAIL_MUTE_ALL;
+      }
+      uikitBaseComponentVue3.TUIToast({
+        type: uikitBaseComponentVue3.TOAST_TYPE.WARNING,
+        message: t(warningMessage),
+        duration: message.MESSAGE_DURATION.NORMAL
+      });
+      return;
+    }
+    try {
+      await ((_a = roomEngine.instance) == null ? void 0 : _a.openLocalMicrophone());
+    } catch (error) {
+      if (error.code === 0 && error.message === "you have already mute the audio") {
+        return;
+      }
+      throw error;
+    }
+  }
+  async closeLocalMicrophone() {
+    var _a;
+    await ((_a = roomEngine.instance) == null ? void 0 : _a.closeLocalMicrophone());
+  }
+  async muteLocalAudio() {
+    var _a;
+    await ((_a = roomEngine.instance) == null ? void 0 : _a.muteLocalAudio());
+  }
+  async unmuteLocalAudio() {
+    var _a;
+    await ((_a = roomEngine.instance) == null ? void 0 : _a.unmuteLocalAudio());
+  }
+  async setCurrentDevice(options) {
+    var _a, _b;
+    const { deviceId } = options;
+    await ((_a = deviceManager.instance) == null ? void 0 : _a.setCurrentDevice({
+      type: TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeAudioInput,
+      deviceId
+    }));
+    currentMicrophoneDevice.value = ((_b = deviceManager.instance) == null ? void 0 : _b.getCurrentDevice({
+      type: TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeAudioInput
+    })) || null;
+  }
+};
+__publicField(_Microphone, "instance");
+let Microphone = _Microphone;
+class Speaker {
+  constructor() {
+    __publicField(this, "speakerTestPlayer", null);
+  }
+  async startSpeakerDeviceTest(options) {
+    var _a, _b;
+    if (environment.isElectron) {
+      (_a = deviceManager.instance) == null ? void 0 : _a.startSpeakerDeviceTest(options);
+      return;
+    }
+    this.speakerTestPlayer = document == null ? void 0 : document.createElement("audio");
+    if (this.speakerTestPlayer && typeof this.speakerTestPlayer.loop !== "undefined") {
+      this.speakerTestPlayer.loop = true;
+    }
+    await ((_b = this.speakerTestPlayer) == null ? void 0 : _b.setSinkId(currentSpeakerId.value));
+    this.speakerTestPlayer.src = options.filePath;
+    this.speakerTestPlayer.play();
+    isSpeakerTesting.value = true;
+  }
+  async stopSpeakerDeviceTest() {
+    var _a;
+    if (environment.isElectron) {
+      (_a = deviceManager.instance) == null ? void 0 : _a.stopSpeakerDeviceTest();
+      return;
+    }
+    if (this.speakerTestPlayer) {
+      this.speakerTestPlayer.pause();
+      this.speakerTestPlayer.currentTime = 0;
+    }
+    isSpeakerTesting.value = false;
+  }
+  async setCurrentDevice(options) {
+    var _a, _b;
+    const { deviceId } = options;
+    await ((_a = deviceManager.instance) == null ? void 0 : _a.setCurrentDevice({
+      type: TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeAudioOutput,
+      deviceId
+    }));
+    currentSpeakerDevice.value = ((_b = deviceManager.instance) == null ? void 0 : _b.getCurrentDevice({
+      type: TUIRoomEngine.TUIMediaDeviceType.kMediaDeviceTypeAudioOutput
+    })) || null;
+  }
+  async setAudioRoute(options) {
+    var _a;
+    await ((_a = deviceManager.instance) == null ? void 0 : _a.setAudioRoute(options));
+    currentAudioRoute.value = options.route;
+  }
+}
+function useAudioDeviceManager() {
+  return {
+    microphone: new Microphone(),
+    speaker: new Speaker()
+  };
+}
+exports.default = useAudioDeviceManager;

package/lib/core/hooks/useAudioDeviceState/audioDeviceManagerState.d.ts

@@ -0,0 +1,20 @@
+import { ComputedRef, Ref } from 'vue';
+import { TUIDeviceInfo, TUIAudioRoute } from '../../../../../node_modules/@tencentcloud/tuiroom-engine-js';
+import { MediaDeviceState } from '../../type';
+
+export declare const testAudioVolume: Ref<number, number>;
+export declare const isMicrophoneListInitiated: Ref<boolean, boolean>;
+export declare const isSpeakerListInitiated: Ref<boolean, boolean>;
+export default function useAudioDeviceManagerState(): {
+    microphoneState: ComputedRef<MediaDeviceState>;
+    microphoneList: Ref<TUIDeviceInfo[], TUIDeviceInfo[]>;
+    currentMicrophoneDevice: Ref<TUIDeviceInfo | null, TUIDeviceInfo | null>;
+    currentMicrophoneId: ComputedRef<string>;
+    audioVolume: ComputedRef<number>;
+    isMicrophoneTesting: Ref<boolean, boolean>;
+    speakerList: Ref<TUIDeviceInfo[], TUIDeviceInfo[]>;
+    currentSpeakerDevice: Ref<TUIDeviceInfo | null, TUIDeviceInfo | null>;
+    currentSpeakerId: ComputedRef<string>;
+    currentAudioRoute: Ref<TUIAudioRoute, TUIAudioRoute>;
+    isSpeakerTesting: Ref<boolean, boolean>;
+};