# Live セッションを退出する
ユーザー操作やページ終了時に Live セッションを正しく退出します。
Canonical: https://developer.realsee.ai/ja/docs/live/get-started/live-exit
Source: https://developer.realsee.ai/ja/docs/live/get-started/live-exit.md
Language: ja
> **tip**
音声付きセッションを退出すると、標準では音声接続も切断します。
**主に次の 2 つを処理します：**
- **1. ユーザーが自分で退出する**
`exit()` を呼んで await します。参加者が正常に退出すると Promise が解決します。
業務上の理由でアプリが `exit()` を呼ぶ場合も、自発的な退出として扱います。
- **2. ルームが閉じられる**
`builtinEvent` を購読し、action が `RoomClose` かを確認するとルーム終了を判別できます。
以下で各状況の扱いを説明します。
## フレームワークなしの例
**ネイティブの `js` | `ts` で開発する場合の例です。**
### 1. 退出メソッドを呼ぶ
> **info**
`exit()` でセッションを退出します。
```js
// With a simple `console.log(live)`, make sure you have actually obtained the `live` instance.
live.exit().then(() => {
console.log("Left the live session");
});
```
### 2. ルーム終了を監視する
```ts
import { BuiltinActionType } from "@realsee/live";
live.on("builtinEvent", (builtinMsg) => {
if (builtinMsg.action === BuiltinActionType.RoomClose) {
// The live room is closed; leave the live session
}
});
```
### 3. 退出成功を確認する
> **tip**
コンソールでも退出成功を確認できます。
参加者の退出は `live.exit()` の正常終了で確認します。`BUILTIN_MSG` の event type が `room_change`、action が `close` の場合は、ルームオーナーが閉じたことを表します。
## React のサンプル
**React フレームワークで開発する場合の例です。**
### 1. 退出メソッドを呼ぶ
> **info**
`useLiveAction` フックで `exit()` を呼びます。
```jsx
// highlight-start
import { useLiveAction } from "./LiveReact";
// highlight-end
function ExitBtn() {
// highlight-start
const { exit } = useLiveAction();
// highlight-end
const handleExit = () => {
exit().then(() => {
console.log("Left the live session");
});
};
return ;
}
```
### 2. ルーム終了を監視する
```js
import { BuiltinActionType } from "@realsee/live";
import LiveReact from "./LiveReact";
const { useLiveEventCallback } = LiveReact;
useLiveEventCallback("builtinEvent", (builtinMsg) => {
switch (builtinMsg.action) {
// highlight-start
case BuiltinActionType.RoomClose:
console.log("__Live room closed__");
break;
// highlight-end
case BuiltinActionType.UserStatus:
console.log(builtinMsg.data);
console.log("builtinEvent: user state change");
break;
case BuiltinActionType.UserInfo:
console.log("builtinEven: user info change");
break;
case BuiltinActionType.UserMicroStatus:
console.log("builtinEvent: user micro change");
break;
case BuiltinActionType.UserPermission:
console.log("builtinEvent: user permission change");
break;
default: // debug
console.log("builtinEvent: another change not in the enum!");
break;
}
});
```
### 3. 退出成功を確認する
> **tip**
コンソールでも退出成功を確認できます。
参加者の退出は `exit()` の正常終了で確認します。`BUILTIN_MSG` の event type が `room_change`、action が `close` の場合は、ルームオーナーが閉じたことを表します。