What is the Embed Generator?
A complete, embeddable podcast browsing and playback system with a visual configuration tool. This isn't just an embed generator—it's a full-featured podcast player and browser that you can customize and embed anywhere. Features multi-podcast support, modal audio player, episode browsing, and complete playback controls.
🎧 Complete Podcast Player Features:
- Multi-Podcast Browser: Browse and switch between all podcasts in your feed with custom dropdown
- Episode List View: Scrollable episode list with cover art, titles, descriptions, and dates
- Modal Audio Player: Sticky bottom player bar with full playback controls
- Playback Controls: Play/pause, skip ±15s/30s, progress scrubber, time display
- Speed Control: Adjustable playback speed (0.5x, 0.75x, 1x, 1.25x, 1.5x, 2x)
- Volume Control: Volume slider with mute toggle
- Episode Download: Direct download button for each episode
- Expandable Descriptions: Click to expand full episode descriptions
- Cover Art Display: Podcast and episode artwork throughout the interface
- Dark/Light Theme: Built-in theme toggle with auto-detection
- Keyboard Shortcuts: Space (play/pause), arrows (skip), M (mute)
- Responsive Design: Perfect on desktop, tablet, and mobile devices
How to Access the Generator:
- Navigate to
/embed/iframe-generator.html or /embed/iframe-generator.php
- Visual configuration interface with live, interactive preview
- Test the full player functionality before generating embed code
🎯 What You're Embedding:
The embed code creates a complete podcast browsing and listening experience with:
- Podcast Selector: Dropdown to browse all available podcasts
- Episode Browser: Scrollable list of episodes with metadata
- Audio Player: Modal player bar that appears when playing episodes
- Full Controls: All playback, speed, and volume controls included
Configuration Options:
1. Iframe Dimensions
- Width: Set in pixels (px) or percentage (%), range: 200-1200
- Height: Set in pixels (px), range: 400-1000
- Dimensions update the preview and embed code in real-time
2. Content & Behavior
- Default Podcast: Choose which podcast loads first (or "First Available")
- Episode Order: Newest first, oldest first, or alphabetical
- Max Episodes Shown: Limit to 5, 10, 25, 50, or show all episodes
- Podcast Dropdown Order: 7 sorting options including:
- Feed Order (default)
- Alphabetical A-Z or Z-A
- Most/Least Episodes First
- Latest/Oldest Content First
3. Theme & UI Customization
- Default Theme: Dark, Light, or Auto (system preference)
- Hide Theme Toggle: Remove the theme switcher button
- Show Header: Display or hide the player header
- Show Podcast Selector: Display or hide the podcast dropdown
- Show Cover Art: Display or hide podcast/episode artwork
- Show Download Buttons: Enable or disable episode download buttons
Live Preview Features:
- Device Modes: Switch between Desktop, Tablet, and Mobile views
- Real-Time Updates: Preview updates instantly as you change settings
- Interactive: Test the player directly in the preview window
- Responsive Testing: See how your embed looks on different screen sizes
How to Use Generated Code:
- Configure all settings in the three control columns
- Preview your configuration in real-time
- Click "Copy Embed Code" button (or the copy icon)
- Paste the iframe code into your website's HTML
- The player will load with your exact configuration
URL Parameters (Advanced):
- The generator creates URL parameters automatically
- Example:
?theme=dark&hideToggle=1&podcast=0&episode=5
- Parameters allow deep linking to specific podcasts and episodes
- All settings are encoded in the URL for easy sharing
💡 Use Cases:
- Blog Posts: Embed specific episodes in articles
- Partner Sites: Share your full catalog with customized branding
- Landing Pages: Create focused players for marketing campaigns
- Email Newsletters: Link to pre-configured player states
- Social Media: Share direct links to specific episodes
🎨 Customization Tips:
- Hide the header and selector for a minimal, single-podcast player
- Use "Auto" theme to match the visitor's system preferences
- Limit episodes to latest 10 for faster loading on external sites
- Hide download buttons if you want listening-only embeds
- Test on all three device modes before deploying