eusebiu/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., _(*1)

Demo, _(*2)

Installation

• Run composer require eusebiu/laravel-spark-camera, _(*3)

• Add Eusebiu\LaravelSparkCamera\CameraServiceProvider::class to your providers array in config/app.php, _(*4)

• Run php artisan vendor:publish --provider="Eusebiu\LaravelSparkCamera\CameraServiceProvider" --tag=assets, _(*5)

• Edit resources/views/vendor/spark/settings/profile/update-profile-photo.blade.php:, _(*6)

  • 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:, _(*7)

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

• Run npm install --save webcamjs, _(*8)

• Run npm run dev, _(*9)

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