Skip to content
This repository has been archived by the owner. It is now read-only.

cretueusebiu/laravel-spark-camera

master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 

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.