16 lines
584 B
Svelte
16 lines
584 B
Svelte
<script lang="typescript">
|
|
import type { ScreenSharingLocalMedia } from "../../Stores/ScreenSharingStore";
|
|
import { videoFocusStore } from "../../Stores/VideoFocusStore";
|
|
import { srcObject } from "./utils";
|
|
|
|
export let peer: ScreenSharingLocalMedia;
|
|
let stream = peer.stream;
|
|
export let cssClass: string | undefined;
|
|
</script>
|
|
|
|
<div class="video-container {cssClass ? cssClass : ''}" class:hide={!stream}>
|
|
{#if stream}
|
|
<video use:srcObject={stream} autoplay muted playsinline on:click={() => videoFocusStore.toggleFocus(peer)} />
|
|
{/if}
|
|
</div>
|