Download the PHP package ruelluna/filament-voice-textarea without Composer
On this page you can find all versions of the php package ruelluna/filament-voice-textarea. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download ruelluna/filament-voice-textarea
More information about ruelluna/filament-voice-textarea
Files in ruelluna/filament-voice-textarea
Package filament-voice-textarea
Short Description A filament plugin to use microphone to Textarea fields.
License MIT
Homepage https://github.com/ruelluna/filament-voice-textarea
Informations about the package filament-voice-textarea
Filament Voice Textarea Plugin
A Filament plugin that provides a VoiceTextarea field component, allowing users to fill textarea fields using their microphone (voice-to-text) via the browser's built-in speech recognition API.
🚀 Quick Start
-
Install the package:
-
Use in your forms:
- That's it! The microphone button will automatically appear in the lower right corner of your textarea.
Features
- 🎤 Voice Recognition: Use your microphone to dictate text into textarea fields
- 🔄 Real-time Transcription: See your speech converted to text in real-time
- 🎯 Filament Integration: Seamlessly integrates with Filament Forms
- 🌐 Browser Support: Works with Chrome, Edge, and other Web Speech API compatible browsers
- 🎨 Customizable UI: Clean, accessible interface with visual feedback
Browser Support
This plugin uses the Web Speech API, which is currently supported in:
- ✅ Chrome (version 25+)
- ✅ Edge (version 79+)
- ✅ Safari (version 14.1+)
- ❌ Firefox (not supported)
Installation
You can install the package via composer:
Automatic Asset Loading
The package automatically loads all required assets (JavaScript, CSS, and views) when installed. No manual asset publishing is required!
What happens automatically:
- ✅ JavaScript and CSS assets are registered with Filament
- ✅ Views are automatically available via the
filament-voice-textareanamespace - ✅ Assets are loaded on-demand for optimal performance
- ✅ Service provider is auto-discovered by Laravel
For package developers: If you're developing the package locally, you can build the assets:
Quick Installation
Run the installation command to set up everything automatically:
This command will:
- Publish the configuration file
- Run any migrations (if applicable)
- Ask if you want to star the repository on GitHub
Manual Installation (Optional)
If you prefer to install components manually:
-
Publish the config file (optional):
- Publish the views (optional):
Note: Assets are automatically loaded and do not need to be published manually.
Usage
Basic Usage
Use the VoiceTextarea component in your Filament forms:
Advanced Usage
In Filament Resources
How It Works
- Enable Voice: Call the
enableVoice()method on your VoiceTextarea field - Microphone Button: A microphone icon appears next to the textarea
- Click to Start: Click the microphone button to begin voice recognition
- Speak: Your speech is converted to text in real-time
- Auto-append: Recognized text is automatically added to the textarea
- Form Integration: Changes are automatically detected by Filament/Livewire
Configuration
The plugin publishes a configuration file at config/voice-textarea.php:
Troubleshooting
Microphone Access Denied
If you see a "Please allow microphone access" error:
- Check your browser's microphone permissions
- Click the microphone icon in the address bar
- Allow microphone access for your site
Speech Recognition Not Working
- Ensure you're using a supported browser (Chrome, Edge, Safari)
- Check that your microphone is working and properly connected
- Try refreshing the page and granting microphone permissions again
No Speech Detected
- Speak clearly and at a normal volume
- Ensure your microphone is not muted
- Try moving closer to your microphone
Contributing
Please see CONTRIBUTING for details.
Security Vulnerabilities
Please review our security policy on how to report security vulnerabilities.
Credits
- Ruel Luna
- All Contributors
License
The MIT License (MIT). Please see License File for more information.
All versions of filament-voice-textarea with dependencies
filament/forms Version ^3.0|^4.0
spatie/laravel-package-tools Version ^1.15.0