Title: Audio Preview for WooCommerce
Author: wbcomdesigns
Published: <strong>2017 年 1 月 10 日</strong>
Last modified: 2025 年 6 月 24 日

---

搜索插件

![](https://ps.w.org/woo-audio-preview/assets/banner-772x250.jpg?rev=1780024)

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://ps.w.org/woo-audio-preview/assets/icon-256x256.png?rev=2943012)

# Audio Preview for WooCommerce

 作者：[wbcomdesigns](https://profiles.wordpress.org/wbcomdesigns/)

[下载](https://downloads.wordpress.org/plugin/woo-audio-preview.1.5.0.zip)

 * [详情](https://cn.wordpress.org/plugins/woo-audio-preview/#description)
 * [评价](https://cn.wordpress.org/plugins/woo-audio-preview/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/woo-audio-preview/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/woo-audio-preview/#developers)

 [支持](https://wordpress.org/support/plugin/woo-audio-preview/)

## 描述

**Audio Preview for WooCommerce** transforms your online store by adding professional
audio preview functionality to any WooCommerce product. Perfect for music stores,
audiobook shops, sound effect libraries, and any business selling digital or physical
audio content.

### Key Features

 * **Multiple Audio Formats**: Full support for MP3, WAV, OGG, M4A, AAC, FLAC, WMA,
   and WEBM files
 * **CDN Integration**: Direct support for Google Drive, SoundCloud, Dropbox, Amazon
   S3, and CloudFront
 * **Clean Interface**: Modern, responsive audio player that adapts to any theme
 * **Easy Management**: Simple 3-field layout for quick audio preview setup
 * **Mobile Optimized**: Touch-friendly controls and responsive design
 * **Smart Validation**: Real-time URL validation with automatic CDN detection

### Perfect For

 * **Music Stores**: Preview tracks before purchase
 * **Audiobook Shops**: Sample chapters and excerpts
 * **Sound Libraries**: Demo sound effects and loops
 * **Educational Content**: Course previews and lessons
 * **Podcast Stores**: Episode samples and teasers

### How It Works

 1. Edit any WooCommerce product
 2. Find the “Audio Preview Items” section
 3. Add up to 3 audio previews with names and URLs
 4. Save your product – previews appear automatically on the frontend

The plugin supports both direct file uploads through the WordPress Media Library
and external URLs from popular services like Google Drive, SoundCloud, and Dropbox.

### Audio Sources Supported

 * **Local Files**: Upload directly to WordPress Media Library
 * **Google Drive**: Share audio files from your Google Drive
 * **SoundCloud**: Embed tracks directly from SoundCloud
 * **Dropbox**: Use shared Dropbox links for audio hosting
 * **Amazon S3**: Professional cloud storage integration
 * **CloudFront**: CDN-optimized audio delivery
 * **Direct URLs**: Any publicly accessible audio file

### Technical Features

 * **Lazy Loading**: Audio files load only when needed for better performance
 * **Progress Tracking**: Visual progress bars with time display
 * **Error Handling**: Graceful fallback for unsupported formats
 * **Accessibility**: Screen reader support and keyboard navigation
 * **Security**: XSS protection and input validation
 * **Theme Compatible**: Neutral design works with any WordPress theme

### Pro Version Available

Upgrade to **Audio Preview Pro** for advanced features:

 * Unlimited audio previews per product
 * Multi-vendor marketplace support (Dokan, WCFM, WC Vendors)
 * Audio watermarking and protection
 * Custom player themes and colors
 * Bulk import functionality
 * Preview duration control
 * Advanced analytics and tracking
 * Priority support

[Learn more about Pro features](https://wbcomdesigns.com/downloads/woo-audio-preview-pro/)

### Support & Documentation

 * [Complete Documentation](https://docs.wbcomdesigns.com/doc_category/woo-audio-preview/)
 * [Community Support Forum](https://wordpress.org/support/plugin/woo-audio-preview/)
 * [Video Tutorials](https://wbcomdesigns.com/woo-audio-preview-tutorials/)

### Additional Info

### Browser Compatibility

 * Chrome (recommended)
 * Firefox
 * Safari
 * Edge
 * Mobile browsers (iOS Safari, Chrome Mobile)

### Performance

 * Lazy loading for optimal page speed
 * CDN support for reduced server load
 * Optimized JavaScript and CSS delivery
 * Minimal database queries

### Security

 * Input sanitization and validation
 * XSS protection
 * Nonce verification for AJAX requests
 * Secure file handling

### Developers

The plugin follows WordPress coding standards and provides hooks for customization:

 * `wcap_allowed_audio_extensions` – Filter audio file types
 * `wcap_audio_mime_types` – Modify MIME type detection
 * `wcap_before_audio_preview` – Action before preview display
 * `wcap_after_audio_preview` – Action after preview display

For complete developer documentation, visit our [GitHub repository](https://github.com/wbcomdesigns/woo-audio-preview).

### Credits

Developed by [Wbcom Designs](https://wbcomdesigns.com/) – WordPress and BuddyPress
specialists since 2015.

### Translations

The plugin is translation-ready and includes POT files. Help us translate into your
language!

 * English (default)
 * Spanish – Coming soon
 * French – Coming soon
 * German – Coming soon

Contribute translations at [translate.wordpress.org](https://translate.wordpress.org/projects/wp-plugins/woo-audio-preview/)

## 安装

### Automatic Installation

 1. Go to your WordPress admin area
 2. Navigate to Plugins > Add New
 3. Search for “Audio Preview for WooCommerce”
 4. Click “Install Now” and then “Activate”

### Manual Installation

 1. Download the plugin zip file
 2. Upload the `woo-audio-preview` folder to `/wp-content/plugins/`
 3. Activate the plugin through the WordPress admin Plugins page

### Setup

 1. Ensure WooCommerce is installed and activated
 2. Edit any WooCommerce product
 3. Scroll down to find the “Audio Preview Items” meta box
 4. Add audio previews using either:
 5.  * **Media Library**: Click “Media Library” to upload or select existing audio 
       files
     * **External URLs**: Paste URLs from Google Drive, SoundCloud, Dropbox, etc.
 6. Save the product
 7. View the product on your store to see the audio previews

### Requirements

 * WordPress 5.0 or higher
 * WooCommerce 4.0 or higher
 * PHP 7.4 or higher

## 常见问题

### What audio formats are supported?

The plugin supports all major audio formats including MP3, WAV, OGG, M4A, AAC, FLAC,
WMA, and WEBM. It also works with CDN services like Google Drive, SoundCloud, and
Dropbox.

### How many audio previews can I add per product?

The free version allows up to 3 audio previews per product. The Pro version offers
unlimited audio previews.

### Can I use audio files from Google Drive or SoundCloud?

Yes! The plugin automatically detects and supports URLs from Google Drive, SoundCloud,
Dropbox, Amazon S3, CloudFront, and other CDN services.

### Will this work with my theme?

Yes, the plugin uses a neutral design that automatically adapts to your theme colors
and styling. It’s been tested with popular themes and follows WordPress best practices.

### Is the audio player mobile-friendly?

Absolutely! The audio player is fully responsive and optimized for touch devices.
It works great on phones, tablets, and desktop computers.

### Can customers download the audio files?

No, the plugin is designed for preview purposes only. Customers can listen to the
audio but cannot directly download the files through the player.

### Does this work with multi-vendor marketplaces?

Multi-vendor support is available in the Pro version, with full compatibility for
Dokan, WCFM, WC Vendors, and other marketplace plugins.

### How do I protect my audio content?

For basic protection, use shorter preview clips and lower quality versions. The 
Pro version includes advanced protection features like watermarking and secure streaming.

### Can I customize the player appearance?

The free version uses a neutral design that adapts to your theme. The Pro version
offers multiple player themes, custom colors, and advanced styling options.

### Where can I get support?

Free support is available through the WordPress.org support forum. Pro users receive
priority email support with faster response times.

## 评价

![](https://secure.gravatar.com/avatar/84f6afb70ac809b5426c375d25465b23c57d4cb3a9bd5a30465e4fd071f3f72b?
s=60&d=retro&r=g)

### 󠀁[Free and functioning well!](https://wordpress.org/support/topic/free-and-functioning-well/)󠁿

 [draimtime](https://profiles.wordpress.org/draimtime/) 2023 年 6 月 30 日

Considering that it's free the functionality is good and simple to use and understand.
Works without any problem.

![](https://secure.gravatar.com/avatar/a99ada8d300775837298b395593946ca8d2840417923b9a8659acb3e5dc22cca?
s=60&d=retro&r=g)

### 󠀁[It’s great!!](https://wordpress.org/support/topic/its-great-254/)󠁿

 [rawgsheq](https://profiles.wordpress.org/rawgsheq/) 2020 年 5 月 18 日

Ever since I've started using it, I haven't seen any that is reliable as this one.
Good job to the creator.

 [ 阅读所有2条评价 ](https://wordpress.org/support/plugin/woo-audio-preview/reviews/)

## 贡献者及开发者

「Audio Preview for WooCommerce」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ wbcomdesigns ](https://profiles.wordpress.org/wbcomdesigns/)
 *   [ Varun Dubey ](https://profiles.wordpress.org/vapvarun/)

[帮助将「Audio Preview for WooCommerce」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/woo-audio-preview)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/woo-audio-preview/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/woo-audio-preview/)，或通过[RSS](https://plugins.trac.wordpress.org/log/woo-audio-preview/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/woo-audio-preview/)。

## 更新日志

#### 1.5.0

 * **Major Update: Enhanced CDN Support**
 * Added: Google Drive integration with iframe player
 * Added: SoundCloud native embed support
 * Added: Enhanced Dropbox and Amazon S3 compatibility
 * Added: Automatic CDN service detection with visual indicators
 * Improved: Modern, responsive audio player design
 * Improved: Fixed 3-field layout for streamlined management
 * Improved: Real-time URL validation with smart error handling
 * Improved: Mobile optimization with touch-friendly controls
 * Added: Support for FLAC, WMA, and WEBM audio formats
 * Enhanced: Security with XSS protection and input validation
 * Optimized: Asset loading with intelligent minification
 * Fixed: Audio player conflicts with multiple products
 * Fixed: Progress bar accuracy on different screen sizes
 * Fixed: Accessibility issues with screen readers

#### 1.4.2

 * Fixed: Compatibility issue with WooCommerce 8.0+
 * Improved: Audio loading performance
 * Fixed: CSS conflicts with some themes

#### 1.4.1

 * Fixed: Audio preview not showing on some themes
 * Improved: Mobile responsiveness
 * Updated: WordPress 6.4 compatibility

#### 1.4.0

 * Added: Drag and drop file upload support
 * Improved: Admin interface with better UX
 * Added: Audio format validation
 * Fixed: Multiple audio players on same page

#### 1.3.0

 * Added: Support for external audio URLs
 * Improved: Audio player controls
 * Added: Progress bar functionality
 * Enhanced: Mobile device compatibility

#### 1.2.0

 * Added: Multiple audio preview support
 * Improved: Admin interface design
 * Fixed: Audio loading issues on some servers
 * Added: Better error handling

#### 1.1.0

 * Added: Audio preview functionality
 * Improved: User interface
 * Fixed: Initial release bugs

#### 1.0.0

 * Initial release

## 额外信息

 *  版本 **1.5.0**
 *  最后更新：**1 年前**
 *  活跃安装数量 **200+**
 *  WordPress 版本 ** 5.0 或更高版本 **
 *  已测试的最高版本为 **6.7.10**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/woo-audio-preview/)
 * 标签
 * [audio](https://cn.wordpress.org/plugins/tags/audio/)[music](https://cn.wordpress.org/plugins/tags/music/)
   [preview](https://cn.wordpress.org/plugins/tags/preview/)[soundcloud](https://cn.wordpress.org/plugins/tags/soundcloud/)
   [woocommerce](https://cn.wordpress.org/plugins/tags/woocommerce/)
 *  [高级视图](https://cn.wordpress.org/plugins/woo-audio-preview/advanced/)

## 评级

 5 星（最高 5 星）。

 *  [  2 条 5 星评价     ](https://wordpress.org/support/plugin/woo-audio-preview/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/woo-audio-preview/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/woo-audio-preview/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/woo-audio-preview/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/woo-audio-preview/reviews/?filter=1)

[您的评价](https://wordpress.org/support/plugin/woo-audio-preview/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/woo-audio-preview/reviews/)

## 贡献者

 *   [ wbcomdesigns ](https://profiles.wordpress.org/wbcomdesigns/)
 *   [ Varun Dubey ](https://profiles.wordpress.org/vapvarun/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/woo-audio-preview/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](https://wbcomdesigns.com/)