c3lf/c3lf-system-3
7
0
Fork 0
Code Issues 51 Pull requests Projects 2 Releases Wiki Activity Actions

align webcam feed with image view

Browse source
This commit is contained in:
busti 2019-12-21 19:29:27 +01:00
parent fbadf46a60
commit 596f3adc0b
1 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/EditItem.vue
View file

@ -6,7 +6,13 @@
:src="item.dataImage || `https://c3lf.de/api/1/thumbs/${item.file}`" :src="item.dataImage || `https://c3lf.de/api/1/thumbs/${item.file}`"
alt="Image not available." alt="Image not available."
/> />
<video v-if="capturing" ref="video" class="img-fluid">Video stream not available.</video> <video
v-if="capturing"
ref="video"
class="img-fluid rounded mx-auto d-block mb-3"
>
Video stream not available.
</video>
<canvas ref="canvas" class="img-fluid d-none"/> <canvas ref="canvas" class="img-fluid d-none"/>
<div v-if="capturing && !streaming" class="d-flex justify-content-center"> <div v-if="capturing && !streaming" class="d-flex justify-content-center">
<div class="spinner-grow text-danger" role="status"> <div class="spinner-grow text-danger" role="status">