Overview

A powerful Mendix pluggable widget that enables users to record audio directly from their microphone and automatically store base64 data in any string attribute. Perfect for voice notes, audio feedback, documentation, and user-generated audio content.

Features

🎤 Direct Microphone Recording - Record audio directly in your Mendix app using the browser's MediaRecorder API

📝 Base64 Conversion - Automatically converts recorded audio to base64 format for easy storage

💾 Flexible Storage - Store audio in any string attribute of your context object

🔧 Action Integration - Trigger custom microflows/nanoflows after recording completes

🎯 Modern UI - Beautiful gradient design with real-time waveform visualization

⏱️ Built-in Timer - Shows recording duration in MM:SS format

🌊 Live Waveform - Real-time audio waveform animation that responds to sound levels

🎵 Multiple Formats - Choose between WebM (Opus codec) or WAV output format

🔄 Smart Conversion - Always records in WebM for quality, converts to WAV when selected

🔒 Privacy Focused - Properly releases microphone access after recording

📱 Browser Compatible - Works with modern browsers supporting MediaRecorder API

🔧 Duration Fixing - Automatically fixes WebM duration metadata using webm-duration-fix library

⏰ Recording Limit - Configurable recording time limit (1-300 minutes, default: 2 hours)

🛡️ Security Enhanced - Production-safe logging and error handling

🎨 Configurable Text - Customize all UI text messages for different languages and use cases

🌈 Custom Waveform Colors - Personalize waveform appearance with any hex color

🎨 Custom Background Gradient - Configure background gradient with custom start and end colors

✨ Vibe Coded - This entire widget was crafted with pure vibes and good energy 🌟

Documentation

Typical usage scenario

[Describe how customers can use your content, what problems your content solve and where can it be useful]

Features and limitations

[Describe the features and limitations of your content to help customers assess your content correctly before downloading]

Dependencies [optional]

[Describe what dependencies your content has, so that customers can download those for successful integration and usage of your content in their applications]

Installation [optional]

[Describe the necessary steps to install the content correctly what will help customer minimize the amount of errors]

Configuration [optional]

[Describe the necessary steps to configure the content]

Known bugs [optional]

[Describe the known bugs to warn the customer beforehand]

Frequently Asked Questions [optional]