|
|
@ -26,8 +26,21 @@ |
|
|
|
Camera "resolution" doesn't change how it shows on screen but rather stretches the result, eg the following which just stretches it vertically: |
|
|
|
:resolution="{ width: 375, height: 812 }" |
|
|
|
--> |
|
|
|
<camera facingMode="user" autoplay ref="camera"> |
|
|
|
<button @click="storeImage">I'm on top of the video</button> |
|
|
|
<camera |
|
|
|
facingMode="environment" |
|
|
|
autoplay |
|
|
|
ref="camera" |
|
|
|
class="relative h-full" |
|
|
|
> |
|
|
|
<div class="absolute bottom-0 w-full flex justify-center pb-4"> |
|
|
|
<!-- Button --> |
|
|
|
<button |
|
|
|
@click="storeImage" |
|
|
|
class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-2 rounded-full" |
|
|
|
> |
|
|
|
<fa icon="camera" class="fa-fw"></fa> |
|
|
|
</button> |
|
|
|
</div> |
|
|
|
</camera> |
|
|
|
</div> |
|
|
|
</section> |
|
|
|