vue-camera

A simple component for VueJS to show PC camera or rear (i.e. back or environment) camera on mobile

Rear camera

It not so easy to set-up a <video> element to show the preview of the rear camera on mobile.

WebRTC Adapter allows to solve most of the issues with different browsers.

Here I built a simple Component the fantastic framework VueJs. The component allows simple integration of a view of rear-camera (or webcam on PCs) simply using the component:

<vue-app-or-other-component>
	<camera-component></camera-component>
<vue-app-or-other-component>

Usage

To use the component simply import the component and use it in your templates or HTML files

import VueCamera from '@/components/vue-camera.vue'

Vue.component('camera-component', VueCamera);

Live Demo

See the demo here.

PROs

Simple usage
Solves common issues of rear camera on mobile web apps, using Adapter and "ideal" constraints to get best camera settings.

Todo