File size: 711 Bytes
1123781 ff9325e d6fedfa 1123781 ff9325e 1123781 d6fedfa 1123781 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<script lang="ts">
import { isLCMRunning, lcmLiveState, lcmLiveActions } from '$lib/lcmLive';
import { onFrameChangeStore } from '$lib/mediaStream';
import { PUBLIC_BASE_URL } from '$env/static/public';
$: streamId = $lcmLiveState?.streamId;
$: {
console.log('streamId', streamId);
}
</script>
<div class="relative overflow-hidden rounded-lg border border-slate-300">
<!-- svelte-ignore a11y-missing-attribute -->
{#if $isLCMRunning}
<img class="aspect-square w-full rounded-lg" src={PUBLIC_BASE_URL + '/stream/' + streamId} />
{:else}
<div class="aspect-square w-full rounded-lg" />
{/if}
<div class="absolute left-0 top-0 aspect-square w-1/4">
<slot />
</div>
</div>
|