diff --git a/webapp/components/device.tsx b/webapp/components/device.tsx
index e0d1dd2..9cfb54d 100644
--- a/webapp/components/device.tsx
+++ b/webapp/components/device.tsx
@@ -1,19 +1,13 @@
+import useWhipClient from "./use/whip"
 import { useEffect, useState } from 'react'
 import { useAtom } from 'jotai'
 import {
   Device,
   deviceNone,
   deviceScreen,
-  asyncGetAudioStream,
-  asyncGetVideoStream,
 } from '../lib/device'
 import {
-  localStreamAtom,
-  enabledAudioAtom,
-  enabledVideoAtom,
-  localUserStatusAtom,
-  currentDeviceAudioAtom,
-  currentDeviceVideoAtom,
+  localStreamIdAtom,
 } from '../store/atom'
 
 import Loading from './svg/loading'
@@ -25,17 +19,22 @@ export default function DeviceBar() {
   const [permissionAudio, setPermissionAudio] = useState("...")
   const [permissionVideo, setPermissionVideo] = useState("...")
 
-  const [localStream, setLocalStream] = useAtom(localStreamAtom)
-  const [localUserStatus, setLocalUserStatus] = useAtom(localUserStatusAtom)
+  const [localStreamId] = useAtom(localStreamIdAtom)
 
   const [loadingAudio, setLoadingAudio] = useState(false)
   const [loadingVideo, setLoadingVideo] = useState(false)
   const [loadingScreen, setLoadingScreen] = useState(false)
 
-  const [enabledAudio] = useAtom(enabledAudioAtom)
-  const [enabledVideo] = useAtom(enabledVideoAtom)
-  const [currentDeviceAudio, setCurrentDeviceAudio] = useAtom(currentDeviceAudioAtom)
-  const [currentDeviceVideo, setCurrentDeviceVideo] = useAtom(currentDeviceVideoAtom)
+  const {
+    userStatus,
+    currentDeviceAudio,
+    currentDeviceVideo,
+    setCurrentDeviceAudio,
+    setCurrentDeviceVideo,
+    toggleEnableAudio,
+    toggleEnableVideo,
+  } = useWhipClient(localStreamId)
+
   const [deviceAudio, setDeviceAudio] = useState<Device[]>([deviceNone])
   const [deviceVideo, setDeviceVideo] = useState<Device[]>([deviceNone])
 
@@ -70,16 +69,12 @@ export default function DeviceBar() {
 
     if (currentDeviceAudio === deviceNone.deviceId) {
       let device = audios[0]
-      if (device) {
-        setCurrentDeviceAudio(device.deviceId)
-      }
+      if (device) await setCurrentDeviceAudio(device.deviceId)
     }
 
     if (currentDeviceVideo === deviceNone.deviceId) {
       let device = videos[0]
-      if (device) {
-        setCurrentDeviceVideo(device.deviceId)
-      }
+      if (device) await setCurrentDeviceVideo(device.deviceId)
     }
 
     setDeviceAudio([...audios])
@@ -88,6 +83,7 @@ export default function DeviceBar() {
 
   const init = async () => {
     try {
+      (await navigator.mediaDevices.getUserMedia({ video: true, audio: true })).getTracks().map(track => track.stop())
       // NOTE:
       // In some device have problem:
       // - Android Web Browser
@@ -99,7 +95,7 @@ export default function DeviceBar() {
 
   useEffect(() => {
     init()
-  }, [localStream])
+  }, [])
 
   useEffect(() => {
     // Reference: https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/devicechange_event
@@ -107,81 +103,21 @@ export default function DeviceBar() {
     return () => { navigator.mediaDevices.removeEventListener("devicechange", updateDeviceList) }
   }, [])
 
-  const toggleEnableAudio = async () => {
-    if (enabledAudio) {
-      onChangedDeviceAudio(deviceNone.deviceId)
-    } else {
-      onChangedDeviceAudio(currentDeviceAudio)
-    }
-  }
-
   const onChangedDeviceAudio = async (current: string) => {
     setLoadingAudio(true)
-    // Closed old tracks
-    const stream = localStream.stream
-    stream.getAudioTracks().map(track => {
-      track.stop()
-      stream.removeTrack(track)
-    })
-
-    const mediaStream = await asyncGetAudioStream(current)
-
-    const videoTracks = localStream.stream.getVideoTracks()
-    const audioTracks = mediaStream.getAudioTracks()
-
-    setLocalStream({
-      stream: new MediaStream([...audioTracks, ...videoTracks]),
-      name: "Me",
-    })
-
-    setLocalUserStatus({
-      ...localUserStatus,
-      audio: current === deviceNone.deviceId ? false : true,
-    })
-
-    current === deviceNone.deviceId ? null : setCurrentDeviceAudio(current)
+    await setCurrentDeviceAudio(current)
     setLoadingAudio(false)
   }
 
-  const toggleEnableVideo = async () => {
-    if (enabledVideo) {
-      onChangedDeviceVideo(deviceNone.deviceId)
-    } else {
-      onChangedDeviceVideo(currentDeviceVideo)
-    }
-  }
-
   const onChangedDeviceVideo = async (current: string) => {
     setLoadingVideo(true)
-    // Closed old tracks
-    const stream = localStream.stream
-    stream.getVideoTracks().map(track => {
-      track.stop()
-      stream.removeTrack(track)
-    })
-
-    const mediaStream = await asyncGetVideoStream(current)
-    const audioTracks = localStream.stream.getAudioTracks()
-    const videoTracks = mediaStream.getVideoTracks()
-
-    setLocalStream({
-      stream: new MediaStream([...audioTracks, ...videoTracks]),
-      name: "Me",
-    })
-
-    setLocalUserStatus({
-      ...localUserStatus,
-      video: current === deviceNone.deviceId ? false : true,
-      screen: current === deviceScreen.deviceId ? true : false,
-    })
-
-    current === deviceNone.deviceId ? null : setCurrentDeviceVideo(current)
+    await setCurrentDeviceVideo(current)
     setLoadingVideo(false)
   }
 
   const toggleEnableScreen = async () => {
     setLoadingScreen(true)
-    if (localUserStatus.screen) {
+    if (userStatus.screen) {
       await onChangedDeviceVideo(deviceNone.deviceId)
     } else {
       await onChangedDeviceVideo(deviceScreen.deviceId)
@@ -206,7 +142,7 @@ export default function DeviceBar() {
               ? <div></div>
               : <div className='bg-orange-500 shadow-sm w-1 h-1 p-1 rounded-full' style={{ position: 'relative', right: '7px' }}></div>
             }
-            {enabledAudio
+            {userStatus.audio
               ? <div></div>
               : <div className='w-8 h-1 bg-red-500 rounded-full rotate-45'
                 style={{
@@ -241,7 +177,7 @@ export default function DeviceBar() {
               ? <div></div>
               : <div className='bg-orange-500 shadow-sm w-1 h-1 p-1 rounded-full' style={{ position: 'relative', right: '7px' }}></div>
             }
-            {enabledVideo
+            {userStatus.video
               ? <div></div>
               : <div className='w-8 h-1 bg-red-500 rounded-full rotate-45'
                 style={{
@@ -268,7 +204,7 @@ export default function DeviceBar() {
             <center>
               {loadingScreen
                 ? <Loading />
-                : localUserStatus.screen ? <SvgPresentCancel /> : <SvgPresentToAll />
+                : userStatus.screen ? <SvgPresentCancel /> : <SvgPresentToAll />
               }
             </center>
           </button>
diff --git a/webapp/components/layout.tsx b/webapp/components/layout.tsx
index df6fb5f..737f6ac 100644
--- a/webapp/components/layout.tsx
+++ b/webapp/components/layout.tsx
@@ -70,7 +70,7 @@ export default function Layout(props: { meetingId: string }) {
       <div></div>
 
       { enabledPresentation
-        ? <Player user={presentationStream} muted={true} width="auto" display="auto" />
+        ? <Player stream={presentationStream.stream} muted={true} width="auto" display="auto" />
         : null
       }
 
diff --git a/webapp/components/player/player.tsx b/webapp/components/player/player.tsx
index fb78ca2..6065d9d 100644
--- a/webapp/components/player/player.tsx
+++ b/webapp/components/player/player.tsx
@@ -1,14 +1,13 @@
 import { useEffect, useRef, useState } from 'react'
-import { UserStream } from '../../store/atom'
 import WaveSurfer from 'wavesurfer.js'
 import RecordPlugin from 'wavesurfer.js/dist/plugins/record'
 import { isWechat } from '../../lib/util'
 
-function AudioWave(props: { user: UserStream }) {
+function AudioWave(props: { stream: MediaStream }) {
   const refWave = useRef<HTMLDivElement>(null)
 
   useEffect(() => {
-    if (refWave.current && !!props.user.stream?.getAudioTracks().length) {
+    if (refWave.current && !!props.stream?.getAudioTracks().length) {
       const wavesurfer = WaveSurfer.create({
         container: refWave.current,
         waveColor: 'rgb(200, 100, 0)',
@@ -16,7 +15,7 @@ function AudioWave(props: { user: UserStream }) {
       })
 
       const record = wavesurfer.registerPlugin(RecordPlugin.create())
-      const { onDestroy, onEnd } = record.renderMicStream(props.user.stream)
+      const { onDestroy, onEnd } = record.renderMicStream(props.stream)
 
       return () => {
         onDestroy()
@@ -24,27 +23,27 @@ function AudioWave(props: { user: UserStream }) {
         wavesurfer.destroy()
       }
     }
-  }, [refWave.current, props.user.stream])
+  }, [refWave.current, props.stream])
 
   return <div ref={refWave}></div>
 }
 
-export default function Player(props: { user: UserStream, muted: boolean, width: string, display: string }) {
+export default function Player(props: { stream: MediaStream, muted: boolean, width: string, display: string }) {
   const refVideo = useRef<HTMLVideoElement>(null)
   const [showAudio, setShowAudio] = useState(false)
 
   useEffect(() => {
-    if (props.user.stream?.getAudioTracks().length !== 0 && props.user.stream?.getVideoTracks().length === 0) {
+    if (props.stream?.getAudioTracks().length !== 0 && props.stream?.getVideoTracks().length === 0) {
       setShowAudio(true)
     } else {
       setShowAudio(false)
     }
 
-  }, [props.user.stream])
+  }, [props.stream])
 
   useEffect(() => {
     if (refVideo.current) {
-      refVideo.current.srcObject = props.user.stream
+      refVideo.current.srcObject = props.stream
 
       // NOTE: About Autoplay
       // Reference: https://developer.mozilla.org/en-US/docs/Web/Media/Autoplay_guide
@@ -54,7 +53,7 @@ export default function Player(props: { user: UserStream, muted: boolean, width:
       // https://developers.weixin.qq.com/community/develop/doc/0006a61de48ab0165f99e1dcd51c00
       if (isWechat()) refVideo.current.play()
     }
-  }, [refVideo, props.user.stream]);
+  }, [refVideo, props.stream])
 
   // NOTE: iOS can't display video
   // https://webkit.org/blog/6784/new-video-policies-for-ios/
@@ -67,10 +66,10 @@ export default function Player(props: { user: UserStream, muted: boolean, width:
         controls={false}
         muted={props.muted}
         ref={refVideo}
-        style={!!props.user.stream?.getVideoTracks().length ? { width: props.width } : { height: '0px' }}
+        style={!!props.stream?.getVideoTracks().length ? { width: props.width } : { height: '0px' }}
       />
       {props.display === "full" || showAudio
-        ? <AudioWave user={props.user} />
+        ? <AudioWave stream={props.stream} />
         : null
       }
     </center>
diff --git a/webapp/components/player/whep-player.tsx b/webapp/components/player/whep-player.tsx
index c0c9fb3..6edb353 100644
--- a/webapp/components/player/whep-player.tsx
+++ b/webapp/components/player/whep-player.tsx
@@ -98,7 +98,7 @@ export default function WhepPlayer(props: { streamId: string, status: UserStatus
       <center>
         { loading
           ? <div className='m-xl'><SvgProgress/></div>
-          : <Player user={userStream} muted={false} width={props.width} display="auto" />
+          : <Player stream={userStream.stream} muted={false} width={props.width} display="auto" />
         }
       </center>
 
diff --git a/webapp/components/player/whip-player.tsx b/webapp/components/player/whip-player.tsx
index dfe89a1..c720032 100644
--- a/webapp/components/player/whip-player.tsx
+++ b/webapp/components/player/whip-player.tsx
@@ -1,39 +1,12 @@
-import { useEffect } from "react"
 import useWhipClient from "../use/whip"
 import Player from './player'
-import { useAtom } from 'jotai'
-import {
-  localStreamAtom,
-  localUserStatusAtom,
-
-  currentDeviceAudioAtom,
-  currentDeviceVideoAtom,
-} from '../../store/atom'
 
 export default function WhipPlayer(props: { streamId: string, width: string }) {
-  // TODO: Need fix
-  // - name
-  // - audio
-  // - video
-  const [localUserStatus] = useAtom(localUserStatusAtom)
-  const [localStream] = useAtom(localStreamAtom)
-  const { userStatus, setCurrentDeviceAudio, setCurrentDeviceVideo, restart } = useWhipClient(localUserStatus.name, props.streamId, localStream.stream)
-
-  const [currentDeviceAudio] = useAtom(currentDeviceAudioAtom)
-  const [currentDeviceVideo] = useAtom(currentDeviceVideoAtom)
-
-  useEffect(() => {
-    setCurrentDeviceAudio(currentDeviceAudio)
-  }, [currentDeviceAudio])
-
-  useEffect(() => {
-    setCurrentDeviceVideo(currentDeviceVideo)
-  }, [currentDeviceVideo])
-
+  const { stream, userStatus, restart } = useWhipClient(props.streamId)
   return (
     <div className='flex flex-col'>
       <center>
-        <Player user={localStream} muted={true} width={props.width} display="auto" />
+        <Player stream={stream} muted={true} width={props.width} display="auto" />
       </center>
 
       <details className='text-white mx-2 text-sm font-border' style={{
diff --git a/webapp/components/prepare.tsx b/webapp/components/prepare.tsx
index 8965e57..ad18b21 100644
--- a/webapp/components/prepare.tsx
+++ b/webapp/components/prepare.tsx
@@ -1,70 +1,44 @@
-import { useEffect, useRef, useState } from 'react'
+import { useEffect, useState } from 'react'
 import { useAtom } from 'jotai'
+import useWhipClient from "./use/whip"
 import DeviceBar from './device'
 import Loading from "./svg/loading"
 import Player from './player/player'
 import {
   localStreamIdAtom,
   meetingJoinedAtom,
-  localStreamAtom,
-  localUserStatusAtom,
 } from '../store/atom'
 import { getStorageName, setStorageName } from '../lib/storage'
 
 export default function Prepare(props: { meetingId: string }) {
   const [loading, setLoading] = useState<boolean>(false)
-  const refEnabled = useRef(false)
 
   const [displayName, setDisplayName] = useState<string>("")
 
-  const [localStream, setLocalStream] = useAtom(localStreamAtom)
   const [localStreamId] = useAtom(localStreamIdAtom)
-  const [localUserStatus, setLocalUserStatus] = useAtom(localUserStatusAtom)
   const [_, setMeetingJoined] = useAtom(meetingJoinedAtom)
 
-  const start = async () => {
+  const { stream, setUserName, start} = useWhipClient(localStreamId)
+
+  const join = async () => {
     setLoading(true)
 
-    setLocalUserStatus({
-      ...localUserStatus,
-      name: displayName || localStreamId,
-    })
+    setUserName(displayName || localStreamId)
 
     setLoading(false)
     setMeetingJoined(true)
     setStorageName(displayName)
-  }
-
-  const init = async () => {
-    try {
-      setDisplayName(getStorageName() || "")
-
-      const stream = await navigator.mediaDevices.getUserMedia({ video: { width: 320 }, audio: true })
-      setLocalStream({
-        stream: stream,
-        name: "Me",
-      })
-
-      setLocalUserStatus({
-        ...localUserStatus,
-        audio: true,
-        video: true,
-      })
-
-    } catch { }
+    start()
   }
 
   useEffect(() => {
-    if (!refEnabled.current) {
-      refEnabled.current = true
-      init()
-    }
+    setDisplayName(getStorageName() || "")
   }, [])
 
   return (
     <div className='flex flex-col justify-around'>
       <center className='m-xs'>
-        <Player user={localStream} muted={false} width="320px" display="full" />
+        <Player stream={stream} muted={true} width="320px" display="full" />
       </center>
 
       <center className='mb-xs'>
@@ -81,7 +55,7 @@ export default function Prepare(props: { meetingId: string }) {
       </div>
 
       <center className='m-xs'>
-        <button className='btn-primary flex flex-row justify-center' onClick={() => { start() }}>
+        <button className='btn-primary flex flex-row justify-center' onClick={() => { join() }}>
           {loading
             ? <center className='m-2px mr-3'><Loading /></center>
             : null
diff --git a/webapp/components/use/whip.ts b/webapp/components/use/whip.ts
index e0292e9..a25299f 100644
--- a/webapp/components/use/whip.ts
+++ b/webapp/components/use/whip.ts
@@ -1,31 +1,52 @@
 import { useSyncExternalStore } from 'react'
 import { UserStatus } from '../../store/atom'
 import { WHIPClient } from '@binbat/whip-whep/whip'
-import { deviceNone } from '../../lib/device'
+import {
+  deviceNone,
+  asyncGetAudioStream,
+  asyncGetVideoStream,
+} from '../../lib/device'
+
+const event = new Event('sync')
+
+class Context extends EventTarget {
+  id: string = ""
+  pc: RTCPeerConnection = new RTCPeerConnection()
+  client: WHIPClient = new WHIPClient()
+  stream: MediaStream = new MediaStream()
+  userStatus: UserStatus = {
+    name: "",
+    state: "",
+    audio: true,
+    video: true,
+    screen: false,
+  }
 
-interface Context {
-  id: string
-  pc: RTCPeerConnection
-  client: WHIPClient
-  stream: MediaStream
-  userStatus: UserStatus
+  currentDeviceAudio = deviceNone.deviceId
+  currentDeviceVideo = deviceNone.deviceId
 
-  currentDeviceAudio: string
-  currentDeviceVideo: string
+  setCurrentDeviceAudio = setCurrentDeviceAudio
+  setCurrentDeviceVideo = setCurrentDeviceVideo
 
-  setCurrentDeviceAudio: (_: string) => void
-  setCurrentDeviceVideo: (_: string) => void
+  toggleEnableAudio = async () => setCurrentDeviceAudio(this.userStatus.audio ? deviceNone.deviceId : this.currentDeviceAudio)
+  toggleEnableVideo = async () => setCurrentDeviceVideo(this.userStatus.video ? deviceNone.deviceId : this.currentDeviceVideo)
 
-  sync: () => void
-  restart: () => void
-}
+  setUserName = (name: string) => {
+    this.userStatus.name = name
+    this.sync()
+  }
+
+  setStream = (stream: MediaStream) => {
+    this.stream = stream
+    this.sync()
+  }
 
-const userStatus: UserStatus = {
-  name: "",
-  state: "",
-  audio: true,
-  video: true,
-  screen: false,
+  sync = () => {
+    ctx = Object.assign({}, this)
+    this.dispatchEvent(event)
+  }
+  start = start
+  restart = restart
 }
 
 function newPeerConnection() {
@@ -46,28 +67,14 @@ function newPeerConnection() {
   }
 }
 
-const context: Context = {
-  id: "",
-  pc: new RTCPeerConnection(),
-  client: new WHIPClient(),
-  stream: new MediaStream(),
-  userStatus: userStatus,
-
-  currentDeviceAudio: deviceNone.deviceId,
-  currentDeviceVideo: deviceNone.deviceId,
-
-  setCurrentDeviceAudio: setCurrentDeviceAudio,
-  setCurrentDeviceVideo: setCurrentDeviceVideo,
-
-  sync: () => {},
-  restart: restart,
-}
+const context = new Context()
+let ctx = Object.assign({}, context)
 
 function getContext() {
-  return context
+  return ctx
 }
 
-function setCurrentDeviceAudio(deviceId: string) {
+function onChangedDeviceAudio() {
   const { pc, stream } = context
   // If WebRTC is connected, switch track
   // NOTE: array audio index is: 0
@@ -78,7 +85,31 @@ function setCurrentDeviceAudio(deviceId: string) {
   })
 }
 
-function setCurrentDeviceVideo(deviceId: string) {
+async function setCurrentDeviceAudio(current: string) {
+  const { stream, userStatus, currentDeviceAudio, sync } = context
+
+  if (current !== currentDeviceAudio || !userStatus.audio) {
+    // Closed old tracks
+    stream.getAudioTracks().map(track => {
+      track.stop()
+      stream.removeTrack(track)
+    })
+
+    const mediaStream = await asyncGetAudioStream(current)
+
+    const videoTracks = stream.getVideoTracks()
+    const audioTracks = mediaStream.getAudioTracks()
+
+    context.stream = new MediaStream([...audioTracks, ...videoTracks])
+    context.userStatus.audio = current === deviceNone.deviceId ? false : true
+    context.currentDeviceAudio = current === deviceNone.deviceId ? context.currentDeviceAudio : current
+
+    sync()
+    onChangedDeviceAudio()
+  }
+}
+
+function onChangedDeviceVideo() {
   const { pc, stream } = context
   // If WebRTC is connected, switch track
   // NOTE: array video index is: 1
@@ -89,8 +120,32 @@ function setCurrentDeviceVideo(deviceId: string) {
   })
 }
 
+async function setCurrentDeviceVideo(current: string) {
+  const { stream, userStatus, currentDeviceVideo, sync } = context
+
+  if (current !== currentDeviceVideo || !userStatus.video) {
+    // Closed old tracks
+    stream.getVideoTracks().map(track => {
+      track.stop()
+      stream.removeTrack(track)
+    })
+
+    const mediaStream = await asyncGetVideoStream(current)
+    const audioTracks = stream.getAudioTracks()
+    const videoTracks = mediaStream.getVideoTracks()
+
+    context.stream = new MediaStream([...audioTracks, ...videoTracks])
+    context.userStatus.video = current === deviceNone.deviceId ? false : true
+    context.currentDeviceVideo = current === deviceNone.deviceId ? context.currentDeviceVideo : current
+
+    sync()
+    onChangedDeviceVideo()
+  }
+}
+
 async function start() {
-  const { id, pc, client, userStatus, sync } = context
+  const { id, pc, stream, client, userStatus, sync } = context
+  if (stream.getTracks().length === 0) return
   pc.onconnectionstatechange = () => {
     userStatus.state = pc.connectionState
     sync()
@@ -108,7 +163,7 @@ async function start() {
 }
 
 async function restart() {
-  context.client.stop()
+  await context.client.stop()
   context.pc = new RTCPeerConnection()
   start()
 }
@@ -117,21 +172,28 @@ function run() {
   console.log("=== RUN ===")
   const { userStatus } = context
   if (userStatus.state === "") start()
+
+  //if (userStatus.state !== "connected" && userStatus.state !== "signaled") restart()
 }
 
+//let timer: ReturnType<typeof setInterval> | null
+//let timerSum = 0
+
 function subscribe(callback: () => void) {
-  context.sync = callback
-  console.log("subscribe")
-  const timer = setInterval(run, 3000)
+  context.addEventListener(event.type, callback)
+  //if (timer === null) timer = setInterval(run, 3000)
+  //timerSum++
   return () => {
-    clearInterval(timer)
-    console.log("subscribe end")
+    //timerSum--
+    //if (timerSum === 0 && timer !== null) {
+    //  clearInterval(timer)
+    //  timer = null
+    //}
+    context.removeEventListener(event.type, callback)
   }
 }
 
-export default function useWhipClient(name: string, streamId: string, stream: MediaStream) {
+export default function useWhipClient(streamId: string) {
   context.id = streamId
-  context.stream = stream
-  context.userStatus.name = name
   return useSyncExternalStore(subscribe, getContext)
 }
diff --git a/webapp/store/atom.ts b/webapp/store/atom.ts
index b998b60..0905715 100644
--- a/webapp/store/atom.ts
+++ b/webapp/store/atom.ts
@@ -31,12 +31,6 @@ meetingIdAtom.debugLabel = 'meetingIdAtom'
 const meetingJoinedAtom = atom(false)
 meetingJoinedAtom.debugLabel = 'meetingJoined'
 
-const localStreamAtom = atom<UserStream>({
-  stream: new MediaStream,
-  name: "Me",
-})
-localStreamAtom.debugLabel = 'localStream'
-
 const presentationStreamAtom = atom<UserStream>({
   stream: new MediaStream,
   name: "Presentation",
@@ -46,11 +40,6 @@ presentationStreamAtom.debugLabel = 'presentationStream'
 const enabledPresentationAtom = atom(get => get(presentationStreamAtom).stream.getVideoTracks().length !== 0)
 enabledPresentationAtom.debugLabel = 'enabledPresentation'
 
-const enabledAudioAtom = atom(get => get(localStreamAtom).stream.getAudioTracks().length !== 0)
-enabledAudioAtom.debugLabel = 'enabledAudio'
-const enabledVideoAtom = atom(get => get(localStreamAtom).stream.getVideoTracks().length !== 0)
-enabledVideoAtom.debugLabel = 'enabledVideo'
-
 const localUserStatusAtom = atom<UserStatus>({
   name: "",
   state: "new",
@@ -63,11 +52,6 @@ localUserStatusAtom.debugLabel = 'localUserStatus'
 const remoteUsersStatusAtom = atom<UserStatus[]>([])
 remoteUsersStatusAtom.debugLabel = 'remoteUsersStatus'
 
-const currentDeviceAudioAtom = atom<string>("none")
-currentDeviceAudioAtom.debugLabel = 'currentDeviceAudio'
-const currentDeviceVideoAtom = atom<string>("none")
-currentDeviceVideoAtom.debugLabel = 'currentDeviceVideo'
-
 export {
   localStreamIdAtom,
   remoteStreamIdsAtom,
@@ -80,12 +64,7 @@ export {
 
   meetingIdAtom,
   meetingJoinedAtom,
-  localStreamAtom,
-  enabledAudioAtom,
-  enabledVideoAtom,
   enabledPresentationAtom,
-  currentDeviceAudioAtom,
-  currentDeviceVideoAtom,
 }
 
 export type {