Webcam Microphone Screen Recorder — Media Capture

Описание

Create video, audio, screen recordings, photos and screenshots directly in WordPress. Authors and administrators can preview, record, review and upload browser-captured media to the Media Library, then use it in posts or publish video through Video Share VOD.

Benefits

• Webcam, Microphone and Screen Capture: Record webcam video, microphone audio, screen capture with microphone, photos and screenshots in the browser.
• Preview and Review Workflow: Confirm permissions, preview the selected source, record, pause or resume, then review, discard, retry or accept the result.
• Device Switching: Switch between available cameras and microphones before recording.
• WordPress Media Library: Accepted media becomes an attachment with available browser metadata such as duration, codecs, resolution and frame rate.
• Editor Capture: The classic editor adds a Capture Media camera button and the Media Library adds a Capture Media launcher. Both open a Capture Media tab alongside Upload Files and Media Library, so accepted media can be selected and inserted normally.
• Video Post Publishing: Optionally publish accepted video and screen recordings through Video Share VOD.
• Flexible Embedding: Use the selected-app shortcode in admin workflows, posts, forms, paid-content and reaction-recording integrations.
• Modern Browser Capture: Uses standard browser media APIs without requiring a streaming server or additional end-user software.

Browser Recorder

• Available from the WordPress dashboard and with a shortcode in posts, pages and custom workflows.
• Captures webcam video, microphone audio, screen recording, photo and screenshot media types.
• Presents device availability, permission guidance and a clear review step before a recording is accepted.
• Uploads accepted media to WordPress and makes it available in the Media Library.
• Integrates with Video Share VOD to publish captured video as custom video posts.
• Integrates with MicroPayments — Paid Membership, Content, Subscriptions for recording workflows.
• Uses browser-based media capture and works with current supported browsers.

How to Use the Recorder

Choose the enabled capture type in Settings or shortcode attributes. Allow the requested camera, microphone or screen permission, check the preview and start recording. Review the result, then accept it to save it to WordPress or discard it and try again. The browser supplies a compatible media format, and Video Share VOD can process accepted video when its integration is enabled.

WordPress Editor and Media Library Integration

When Media Library integration is enabled, users with permission to upload files can capture and use media without leaving the WordPress workflow:

• Classic editor: Capture Media appears beside Add Media. It opens the standard WordPress media dialog directly on the Capture Media tab.
• Add Media dialog: Capture Media is available alongside Upload Files and Media Library. Choose any enabled capture format, accept the result, then use WordPress’s normal insert control.
• Block editor: Capture Media is available from the editor menu. After choosing the captured attachment, it inserts an Image, Audio, Video or File block as appropriate.
• Media Library: Capture Media appears beside Add New. After accepting a capture, the new attachment is selected in the dialog; choose Use captured media to open it in the library.
• Post association: Captures made while editing an existing post or page are attached to that content when the user has permission to edit it.

The Capture Media tab only displays the formats enabled in Settings > Integrations: Webcam Video, Microphone Audio, Screen Capture, Webcam Photo and Screenshot. It also includes links to the plugin information and VideoWhisper developer assistance.

Additional Editor Integrations

All standard WordPress post and custom-post-type edit screens use the same Media Library integration automatically. Some plugins instead provide their own admin route and JavaScript editor. These can opt in from Settings > Integrations > Editor integration without a plugin-specific code integration.

Tutor LMS Course Builder at admin.php?page=create-course is an exception when the dedicated VideoWhisper Video for Tutor LMS addon is active: that addon owns the media frames and capture shortcuts automatically, so this generic integration yields to it. If the addon is not active, the generic opt-in remains available:

1. Enter the plugin page slug in Additional admin editor pages. For Tutor LMS without the dedicated addon, enter create-course.
2. Set Content ID URL parameters to the query parameter used by that editor. The default includes post, post_id and course_id, which covers Tutor LMS course editing.
3. The configured page must use WordPress’s standard wp.media() dialog. Its existing media controls will then also show the Capture Media tab and receive the captured attachment through the normal selection flow.

For frontend content, use [videowhisper_recorder] on the intended page or form. This is an explicit frontend opt-in and continues to respect the recorder access settings; the plugin does not inject capture controls into arbitrary public pages.

App choice and integrations

Use [videowhisper_recorder] for the selected recorder app. The bundled browser recorder uses a local WordPress REST upload and creates a Media Library attachment. It is suitable for video-post and VOD source capture and exposes the videowhisper-recorder:saved browser event after a successful upload for custom post, paid-content and reaction-recording adapters. Its event result includes metadata.attachmentId, metadata.attachment (ID, title, MIME type and URL), and metadata.mediaLibraryUrl when an attachment was created. The [videowhisper_html5recorder] shortcode remains available for existing HTML5 Videochat workflows.

With the browser recorder selected, enable Video, Audio, Screen Capture, Photo and Screenshot buttons from Settings > Integrations. Use mode="audio", mode="screen", mode="photo" or mode="screenshot" to show one enabled type, modes="video,audio" for a subset, and direct_preview="1" to skip the introductory Continue screen.

The recorder adapts its camera presentation to landscape or portrait use, supports available camera and microphone switching, and provides a review step before upload.

Settings adapt to the selected recorder application. Select HTML5 Videochat recorder (legacy) when an existing Videochat workflow requires it.

Recommended Hosting

Although recording does not involve special hosting requirements (except ability to upload the HTML5 recorded files), processing the videos server side with VideoShareVOD or similar plugins requires FFmpeg.
VideoShareVOD FFmpeg Hosting

Technical Clarifications / Support

• Official Webcam Microphone Screen Recorder Demo
• Contact VideoWhisper

Note: Previous Flash recorder and functionality was removed as no longer supported by most browsers. Only HTML5 application and implemented features are supported.