Title: Vocalect Audio Input
Author: Hamid Reza Sepehr
Published: <strong>2026 年 8 月 1 日</strong>
Last modified: 2026 年 8 月 1 日

---

搜尋外掛

![](https://ps.w.org/vocalect-audio-input/assets/banner-772x250.png?rev=3630879)

![](https://ps.w.org/vocalect-audio-input/assets/icon-256x256.png?rev=3630879)

# Vocalect Audio Input

 由 [Hamid Reza Sepehr](https://profiles.wordpress.org/hrs2015/) 開發

[下載](https://downloads.wordpress.org/plugin/vocalect-audio-input.1.0.0.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/vocalect-audio-input/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/vocalect-audio-input/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/vocalect-audio-input/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/vocalect-audio-input/#developers)

 [技術支援](https://wordpress.org/support/plugin/vocalect-audio-input/)

## 外掛說明

**Vocalect Audio Input** is a secure, lightweight, and incredibly smart WordPress
plugin that implements hands-free voice dictation inside any input form field on
your website. Powered by the native high-fidelity HTML5 Web Speech API (`SpeechRecognition`),
it allows users to fill out search boxes, contact forms, booking inputs, or checkout
comment fields simply by speaking.

This plugin is crafted specifically for creators, agencies, and businesses looking
to reduce form friction, boost mobile conversions, and maximize web accessibility.

#### Key Features

 * **One-Click Voice Dictation** — An elegant microphone icon is dynamically overlaid
   on targeted text fields, textareas, and search boxes. Users simply click to start
   speaking.
 * **Browser-Native Speech Recognition** — Uses the built-in Web Speech API. No 
   external API keys, no subscriptions, no data sent to third-party servers.
 * **Smart Cursor-Aware Insertion** — Text is inserted exactly where the user’s 
   cursor is positioned. Supports Append and Replace modes.
 * **Continuous Dictation Mode** — Keeps listening through silent pauses until explicitly
   stopped by the user.
 * **Multi-Language Support** — Supports over 40 language locales including English,
   Spanish, French, German, Arabic, Persian, Chinese, Japanese, Korean, Hindi, and
   many more.
 * **Voice Punctuation Commands** — Speak punctuation naturally (e.g. “period”, “
   comma”, “question mark”) in English, Persian, Arabic, French, and German.
 * **Discard / Apply Workflow** — Spoken text appears in a preview overlay card.
   Users choose to apply or discard the transcription before it enters the form 
   field.
 * **Universal Form Compatibility** — Works out-of-the-box with Contact Form 7, 
   WPForms, Gravity Forms, Fluent Forms, Elementor Forms, WooCommerce checkout, 
   and standard WordPress forms.
 * **Highly Configurable** — Control button position, icon style, vertical alignment,
   text insertion mode, page targeting, and field exclusion rules.
 * **Mobile Friendly** — Optional mobile support toggle for touch devices.
 * **Accessibility Ready** — Includes ARIA attributes (`role="status"`, `aria-live
   ="polite"`, keyboard navigation with Escape/Enter support, focus-visible outlines,
   and high-contrast mode support).
 * **Lightweight & Secure** — No external HTTP requests, no tracking, no analytics,
   no bundled third-party libraries. All output is properly escaped. All input is
   sanitized.

#### How It Works

 1. Install and activate the plugin.
 2. Navigate to **Settings > Vocalect Audio Input** to configure your preferences.
 3. The microphone icon will automatically appear on targeted input fields across your
    site.
 4. Visitors click the icon, speak naturally, and the transcribed text appears in a
    preview card.
 5. They click the checkmark to apply the text to the form field, or the X to discard.

#### Form Builder Compatibility

Vocalect Audio Input has been tested and works with:

 * Contact Form 7
 * WPForms
 * Gravity Forms
 * Fluent Forms
 * Elementor Forms
 * WooCommerce checkout fields
 * Default WordPress search and comment forms
 * Any standard HTML `<input>` or `<textarea>` element

#### Privacy & Security

This plugin does **not** collect, store, or transmit any personal data. The Web 
Speech API is handled entirely by the user’s own browser. No server-side processing
occurs. No external API calls are made. For more details, please refer to our [Privacy Policy](https://projects.hamidrezasepehr.com/vocalect/privacy-policy.html).

## 安裝方式

 1. Upload the `vocalect-audio-input` folder to the `/wp-content/plugins/` directory,
    or install directly through the WordPress Plugins screen.
 2. Activate the plugin through the **Plugins** screen in WordPress.
 3. Navigate to **Settings > Vocalect Audio Input** to configure your preferences.
 4. The microphone icon will automatically appear on targeted input fields across your
    site.

## 常見問題集

### Does this plugin require an API key?

No. The plugin uses the browser’s built-in Web Speech API, which is completely free
and requires no API key or external account.

### Which browsers are supported?

The Web Speech API is supported in Google Chrome, Microsoft Edge, Safari (macOS/
iOS), and Chromium-based browsers. Firefox has limited support.

### Does this work on mobile devices?

Yes, but it depends on the browser. Safari on iOS and Chrome on Android both support
the Web Speech API. You can enable or disable mobile support in the plugin settings.

### Can I restrict voice input to specific pages or forms?

Yes. The **Form Targeting** tab in the settings allows you to whitelist specific
page/post IDs, form IDs, CSS selectors, and exclude fields by CSS class.

### Does this send data to external servers?

No. All speech recognition is handled locally by the user’s browser through the 
native Web Speech API. No data is sent to any external server by this plugin.

### Is this plugin translation-ready?

Yes. The plugin is fully internationalized using the `vocalect-audio-input` text
domain. A `.pot` template file is included in the `/languages` directory.

## 使用者評論

這個外掛目前沒有任何使用者評論。

## 參與者及開發者

以下人員參與了開源軟體〈Vocalect Audio Input〉的開發相關工作。

參與者

 *   [ Hamid Reza Sepehr ](https://profiles.wordpress.org/hrs2015/)

[將〈Vocalect Audio Input〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/vocalect-audio-input)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/vocalect-audio-input/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/vocalect-audio-input/)，或透過
[RSS](https://plugins.trac.wordpress.org/log/vocalect-audio-input/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/vocalect-audio-input/)。

## 變更記錄

#### 1.0.0

 * Initial release of Vocalect Audio Input.
 * Browser-native Web Speech API voice-to-text integration.
 * Microphone overlay on standard inputs and textareas.
 * Continuous dictation mode with discard/apply preview workflow.
 * Smart cursor-aware, append, and replace text insertion modes.
 * Multi-language support with 40+ locales.
 * Voice punctuation commands in English, Persian, Arabic, French, and German.
 * Form builder compatibility with Contact Form 7, WPForms, Gravity Forms, Fluent
   Forms, Elementor Forms, and WooCommerce.
 * Configurable button position, icon style, and vertical alignment settings.
 * Page, form, and field-level targeting and exclusion controls.
 * Mobile support toggle.
 * Accessibility features including ARIA attributes, keyboard navigation, and high-
   contrast mode.

## 中繼資料

 *  版本 **1.0.0**
 *  最後更新 **7 天前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 5.6 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.0.3**
 *  PHP 版本需求 ** 7.2 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/vocalect-audio-input/)
 * 標籤:
 * [dictation](https://tw.wordpress.org/plugins/tags/dictation/)[speech to text](https://tw.wordpress.org/plugins/tags/speech-to-text/)
   [voice input](https://tw.wordpress.org/plugins/tags/voice-input/)
 *  [進階檢視](https://tw.wordpress.org/plugins/vocalect-audio-input/advanced/)

## 評分

這個項目尚無任何評論記錄。

[Your review](https://wordpress.org/support/plugin/vocalect-audio-input/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/vocalect-audio-input/reviews/)

## 參與者

 *   [ Hamid Reza Sepehr ](https://profiles.wordpress.org/hrs2015/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/vocalect-audio-input/)