@tencentcloud/roomkit-web-vue3/src/TUIRoom/core/hooks/useRoomState/useRoomActions/useRoomVideoAction.ts

<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,

import { TUIMediaDevice } from '@tencentcloud/tuiroom-engine-js';
import { RoomAction } from '../../../type';
import { useI18n } from '../../../../locales';
import { useRoomStore } from '../../../../stores/room';
import TUIMessageBox from '../../../../components/common/base/MessageBox';
import { TUIToast, TOAST_TYPE } from '@tencentcloud/uikit-base-component-vue3';
import useRoomEngine from '../../../../hooks/useRoomEngine';
import { MESSAGE_DURATION } from '../../../../constants/message';
import { computed, defineComponent, reactive } from 'vue';

export default function useRoomVideoAction() {
  const { t } = useI18n();
  const roomStore = useRoomStore();
  const roomEngine = useRoomEngine();

  let stateForAllVideo = false;

  function toggleRoomVideo() {
    stateForAllVideo = !roomStore.isCameraDisableForAllUser;
    TUIMessageBox({
      title: roomStore.isCameraDisableForAllUser
        ? t('Enable all videos')
        : t('All and new members will be banned from the camera'),
      message: roomStore.isCameraDisableForAllUser
        ? t('After unlocking, users can freely turn on the camera')
        : t('Members will not be able to open the camera'),
      confirmButtonText: t('Confirm'),
      cancelButtonText: t('Cancel'),
      callback: async action => {
        if (action === 'confirm') {
          doToggleRoomVideo();
        }
      },
    });
  }

  async function doToggleRoomVideo() {
    if (roomStore.isCameraDisableForAllUser === stateForAllVideo) {
      const tipMessage = stateForAllVideo
        ? t('All videos disabled')
        : t('All videos enabled');
      TUIToast({
        type: TOAST_TYPE.SUCCESS,
        message: tipMessage,
        duration: MESSAGE_DURATION.NORMAL,
      });
      return;
    }
    await roomEngine.instance?.disableDeviceForAllUserByAdmin({
      isDisable: stateForAllVideo,
      device: TUIMediaDevice.kCamera,
    });
    roomStore.setDisableCameraForAllUserByAdmin(stateForAllVideo);
  }

  const roomVideoAction = reactive({
    key: RoomAction.VideoAction,
    icon: defineComponent({}),
    label: computed(() =>
      roomStore.isCameraDisableForAllUser
        ? t('Lift stop all video')
        : t('All stop video')
    ),
    handler: toggleRoomVideo,
  });

  return roomVideoAction;
}