https://github.com/jeff-labs/vuejs-camera

Component for Vue.js to use the camera on your website.
https://github.com/jeff-labs/vuejs-camera

Last synced: 3 days ago
JSON representation

Component for Vue.js to use the camera on your website.

• Host: GitHub
• URL: https://github.com/jeff-labs/vuejs-camera
• Owner: jeff-labs
• Created: 2018-10-04T15:07:48.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-09T13:14:52.000Z (about 2 years ago)
• Last Synced: 2024-11-10T14:13:03.974Z (2 months ago)
• Language: Vue
• Homepage: https://mrjeffapp.github.io/vuejs-camera/
• Size: 4.29 MB
• Stars: 22
• Watchers: 2
• Forks: 12
• Open Issues: 25
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# vuejs-camera 

A component that allow to record a video o take pictures in your website with the HTML5 API.

![npm (scoped)](https://img.shields.io/npm/v/@mrjeffapp/vuejs-camera.svg?style=flat-square)

![demo gif](https://github.com/juandiegombr/vuejs-camera/blob/master/demo.gif?raw=true)

## DEMO

[https://mrjeffapp.github.io/vuejs-camera/]( https://mrjeffapp.github.io/vuejs-camera/)

## Installation

```

yarn add @mrjeffapp/vuejs-camera

npm install --save @mrjeffapp/vuejs-camera

```

```

// Global - In your main.js

import '@mrjeffapp/vuejs-camera'

// Local - In your Component.vue

import VueCamera from '@mrjeffapp/vuejs-camera'

export default {

  components: {

    VueCamera

  }

}

```

```

// Add in your index.html

```

```

// Enjoy it!

```

## Props

### capture

- Type: `String`

- Default: `video` 

- Options: `video` | `photo`

Allow you to capture video or photo.

### Events

### onReady

When the upload button has been pressed. The Blob (Video or Photo) is sended in the payload.

### onPhoto

The photo has been taken.

### onStart

It starts to record the video.

### onStop

The record has been stoped.

### onReset

The video or photo is reseted.

### onCameraChanged

The source camera has been changed.

### onPlay

The video has been played.

### onPause

The video has been paused.