Skip to content

Commit

Permalink
🎥 Moves camera stream to component
Browse files Browse the repository at this point in the history
  • Loading branch information
runeharlyk committed Jul 5, 2024
1 parent 73019c0 commit d977aa0
Show file tree
Hide file tree
Showing 2 changed files with 23 additions and 12 deletions.
21 changes: 21 additions & 0 deletions app/src/lib/components/Stream.svelte
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
<script lang="ts">
import { user } from '$lib/stores/user';
import { onDestroy } from 'svelte';
const ws_token = `?access_token=${$user.bearer_token}`
let source = "/api/camera/stream"+ ws_token;
onDestroy(() => {
source = '#';
});
</script>

<div class="w-full h-full">
<img
src={source}
class="absolute object-cover blur-3xl w-full h-full -z-10"
alt="Live stream is down"
/>
<img src={source} class="object-contain w-full h-full" alt="Live stream is down" />
</div>
14 changes: 2 additions & 12 deletions app/src/routes/peripherals/camera/Camera.svelte
Original file line number Diff line number Diff line change
@@ -1,24 +1,14 @@
<script lang="ts">
import { user } from '$lib/stores/user';
import SettingsCard from "$lib/components/SettingsCard.svelte";
import Camera from '~icons/mdi/camera-outline'
import Record from '~icons/mdi/radio-button-unchecked'
import CameraSetting from './CameraSetting.svelte';
import { onDestroy } from 'svelte';
const ws_token = `?access_token=${$user.bearer_token}`
let source = "/api/camera/stream"+ ws_token;
onDestroy(() => {
source = ""
})
import Stream from '$lib/components/Stream.svelte';
</script>


<SettingsCard collapsible={false}>
<Camera slot="icon" class="lex-shrink-0 mr-2 h-6 w-6 self-end" />
<span slot="title">Camera</span>
<img src={source} alt="Live-stream" class="w-full rounded-lg shadow-lg" />
<Stream />
<CameraSetting />
</SettingsCard>

0 comments on commit d977aa0

Please sign in to comment.