Download the PHP package emmanpbarrameda/filament-take-picture-field without Composer
On this page you can find all versions of the php package emmanpbarrameda/filament-take-picture-field. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download emmanpbarrameda/filament-take-picture-field
More information about emmanpbarrameda/filament-take-picture-field
Files in emmanpbarrameda/filament-take-picture-field
Package filament-take-picture-field
Short Description FilamentTakePictureField Component for Filament Forms
License MIT
Homepage https://github.com/emmanpbarrameda/filament-take-picture-field
FAQ
Example:
In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
- Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
- To use Composer is sometimes complicated. Especially for beginners.
- Composer needs much resources. Sometimes they are not available on a simple webspace.
- If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
- Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Informations about the package filament-take-picture-field
Filament Take Picture Field v1
A custom Filament form component to capture photos from your device camera.
Features
- Take photos directly from the user's device camera
- Seamless integration with Filament forms
- Configurable storage options (disk, directory, visibility)
- Camera selector for devices with multiple cameras
- Adjustable aspect ratio and image quality
- Modal support for better user experience
Installation
Requirements
- Laravel 11^
- PHP: 8.1^
- Filament: v3^ and v4^
- A device with camera access (desktop or mobile)
Usage
Add the component to your Filament form:
Configuration Options
| Method | Description |
|---|---|
disk(string $disk) |
Set the storage disk for saving photos (default: 'public') |
directory(string $directory) |
Set the directory path within the disk where photos will be stored |
visibility(string $visibility) |
Set the file visibility (e.g., 'public', 'private') |
useModal(bool $useModal) |
Enable or disable modal view for the camera (default: 'true') |
showCameraSelector(bool $showSelector) |
Enable or disable camera selection option for devices with multiple cameras (default: 'true') |
aspect(string $aspect) |
Set the aspect ratio for the captured image (e.g., '16:9', '4:3', '1:1') |
imageQuality(int $quality) |
Set the JPEG quality of the captured image (0-100) |
shouldDeleteOnEdit(bool $shouldDelete) |
Whether to delete the previous file when editing (default: 'false') |
❗ IMPORTANT NOTICE: For Local development
The browser's Camera API only works on secure origins (HTTPS). Many browsers treat https://localhost as secure, but plain http:// over an IP (e.g., http://127.0.0.1:8000) is considered insecure and the camera will be blocked. If it isn't working for you on localhost, switch to HTTPS or use the temporary Chrome test flags below.
Recommended (safer) options
Temporary Chrome workaround (for testing only)
If you must test over plain HTTP on a LAN IP, you can launch Chrome to temporarily treat that origin as secure. Do not use this for normal browsing. Use a separate profile and close all Chrome windows first.
Replace http://127.0.0.1:8000 with your dev server's URL.
Windows:
macOS:
Linux:
Security notes
- These flags removes important browser protections. Use them only for local testing of your app.
- Always use a separate
--user-data-dirso your main Chrome profile stays safe. - Close all Chrome windows before running the command, and avoid visiting untrusted sites in that session.
Screenshots
Contributing
This is version 1.0 of the filament-take-picture-field component plugin. Contributions and pull requests for improvements are welcome!
License
MIT
Get in touch
