cretueusebiu/laravel-spark-camera

Profile Photo Camera support for Laravel Spark

Profile Photo Camera support for Laravel Spark

This package adds support for capturing images from your computer or phone camera.

Demo

Installation

• Run composer require eusebiu/laravel-spark-camera

• Add Eusebiu\LaravelSparkCamera\CameraServiceProvider::class to your providers array in config/app.php

• Run php artisan vendor:publish --provider="Eusebiu\LaravelSparkCamera\CameraServiceProvider" --tag=assets

• Edit resources/views/vendor/spark/settings/profile/update-profile-photo.blade.php:

  • Add @include('camera::camera-modal') right before closing the last div.
  • Add the Camera button <button type="button" class="btn btn-primary" :disabled="form.busy" @click="openCamera">Camera</button>.
  • It should look like this.

• Edit resources/assets/js/spark-components/settings/profile/update-profile-photo.js:

  • Add var camera = require('./update-profile-photo-camera'); at the top.
  • Change the mixins option to mixins: [base, camera].

• Run npm install --save webcamjs

• Run npm run dev

This package uses WebcamJS, so if you want to configure it, overide the configureWebcamjs method in your update-profile-photo.js file.

laravel-spark-camera's Issues

Getting error (No hint path defined for [camera]. )

Getting error (No hint path defined for [camera]. ) after adding @include('camera::camera-modal')

Vue 2.0 compatibility

Laravel 5 support

Can I use this package in laravel 5 project ? if yes please show me how! Thank you!

Webcam.js Error: No width and/or height for webcam. Please call set() first, or attach to a visible element.

Hi!
I just added your module in my fresh installed spark application. The button is displayed correctly and a modal opens when I click the rendered button. But instead of opening the camera, an alert message appear and says:

Webcam.js Error: No width and/or height for webcam. Please call set() first, or attach to a visible element.

My Spark Application is 3.0.5