https://github.com/cretueusebiu/laravel-spark-camera

Profile Photo Camera support for Laravel Spark
https://github.com/cretueusebiu/laravel-spark-camera

camera laravel laravel-spark php spark

Last synced: 2 months ago
JSON representation

Profile Photo Camera support for Laravel Spark

• Host: GitHub
• URL: https://github.com/cretueusebiu/laravel-spark-camera
• Owner: cretueusebiu
• License: mit
• Archived: true
• Created: 2016-04-21T14:13:33.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2017-02-17T15:09:29.000Z (over 7 years ago)
• Last Synced: 2024-07-09T12:53:24.117Z (3 months ago)
• Topics: camera, laravel, laravel-spark, php, spark
• Language: JavaScript
• Homepage: https://packagist.org/packages/eusebiu/laravel-spark-camera
• Size: 4.88 KB
• Stars: 29
• Watchers: 5
• Forks: 8
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Profile Photo Camera support for Laravel Spark

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

[Demo](https://cretu-eusebiu.wistia.com/medias/j4bh66b2ey)

## 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 `Camera`.

    - It should look like [this](http://i.imgur.com/SBZR9Jv.png).

- 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](https://github.com/jhuckaby/webcamjs), so if you want to configure it, overide the `configureWebcamjs` method in your `update-profile-photo.js` file.