UNPKG

roomkit-web-vue3

Version:

<h1 align="center"> TUIRoomKit</h1> Conference (TUIRoomKit) is a product suitable for multi-person audio and video conversation scenarios such as business meetings, webinars, and online education. By integrating this product, you can add room management,

62 lines (61 loc) 2.83 kB
import { defineComponent, openBlock, createElementBlock, withDirectives, createVNode, unref } from "vue"; import SvgIcon from "../../common/base/SvgIcon.vue.mjs"; import CameraSwitchIcon from "../../common/icons/CameraSwitchIcon.vue.mjs"; import vTap from "../../../directives/vTap.mjs"; import "../../common/base/IconButton.vue2.mjs"; /* empty css */ import "../../../stores/room.mjs"; import "pinia"; import "../../../utils/environment.mjs"; /* empty css */ import "../../../hooks/useZIndex.mjs"; import "../../../services/main.mjs"; import "../../../services/roomService.mjs"; import "../../../locales/index.mjs"; import "@tencentcloud/tuiroom-engine-js"; import "mitt"; import "../../../services/manager/roomActionManager.mjs"; import "@tencentcloud/tui-core"; /* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ import "../../../core/hooks/useAudioDeviceState/index.mjs"; /* empty css */ /* empty css */ import "@tencentcloud/uikit-base-component-vue3"; /* empty css */ import "../../../stores/basic.mjs"; /* empty css */ /* empty css */ /* empty css */ import "../../../hooks/useRoomEngine.mjs"; import { useVideoDeviceState } from "../../../core/hooks/useVideoDeviceState/index.mjs"; /* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ const _hoisted_1 = { class: "camera-icon" }; const _sfc_main = /* @__PURE__ */ defineComponent({ __name: "SwitchCamera", setup(__props) { const { isFrontCamera, camera } = useVideoDeviceState(); async function handleSwitchCamera() { camera.switchCamera({ isFrontCamera: !isFrontCamera.value }); } return (_ctx, _cache) => { return openBlock(), createElementBlock("div", _hoisted_1, [ withDirectives(createVNode(SvgIcon, { icon: CameraSwitchIcon }, null, 512), [ [unref(vTap), handleSwitchCamera] ]) ]); }; } }); export { _sfc_main as default };