AudioTyped UX – Chat-Style Transcripts for Podcasts

વર્ણન

AudioTyped UX provides clean, accessible, and structured transcript layouts for interviews, podcasts, co-host formats, research conversations, and other spoken-word content published on WordPress. The plugin improves readability through a chat-style layout with distinct speaker sections and optional avatars, helping readers follow conversations smoothly.

Video AudioTyped UX demo:

Traditional transcripts often appear as dense text blocks or hidden behind toggles. AudioTyped UX places transcripts front and center with a clear layout that supports accessibility and makes long-form conversations easier to navigate — including for deaf and hard-of-hearing users.

All layouts are created using pure HTML, ensuring full SEO crawlability and compatibility with assistive technologies.

Why AudioTyped UX?

  • Improves readability of long conversations
  • Supports accessibility for deaf and hard-of-hearing users
  • Distinct speaker bubbles for clear separation
  • Works for interviews, podcasts, journalistic content, research, NGOs, and education
  • Fully HTML-based for optimal SEO
  • Lightweight and easy to style

Who Is It For?

  • Podcasters
  • Journalists publishing interviews
  • Researchers working with qualitative data
  • NGOs sharing spoken-word content
  • Educators and academic projects
  • Corporate teams publishing internal or external transcripts
  • Bloggers and content creators

Key Features

  • Clean chat-style bubble layout
  • Optional speaker avatars
  • Clear speaker identification
  • Accessible HTML structure
  • SEO-friendly markup
  • Works with any theme
  • No external libraries required

Accessibility & SEO

  • Full search engine indexing
  • Screen-reader compatibility
  • Consistent structure for long transcripts
  • Stable, lightweight performance

Requirements

Transcripts must follow a consistent speaker structure:
Host:
Guest:

સ્ક્રીનશોટ

  • Example interview transcript design for desktop and tablet view
  • Example interview transcript design for smartphone mobile view
  • How to fill in the form fields to generate the HTML for the transcript view
  • Buttons for generate html and copy HTML
  • Paste generated HTML code into WordPress post or page custom html block
  • Settings for individual design of your podcast interview transcript

સ્થાપન

Local installation

  1. Upload the /audiotyped-ux/ folder and its contents to your wordpress plugin directory /wp-content/plugins/
  2. Login to your WordPress installation and activate the plugin on the wordpress plugin page

એફએક્યુ (FAQ)

For which podcast transcripts I can make the settings?

The settings are for interview transcripts with 2 speakers

Nothing happens, when I make settings, what’s wrong?

Probably the transcript is not coded in the UX Interview Layout.
Your interview transcript has to be coded in a specific HTML for the UX Interview Layout.
Soon there will be a documentation with examples.

Is the UX layout still good for SEO?

Yes, because it’s pure HTML Code, the content is crawlable for Google, Bing or other search engines

સમીક્ષાઓ

આ પ્લગઇન માટે કોઈ સમીક્ષાઓ નથી.

ફાળો આપનાર & ડેવલપર્સ

આ ઓપન સોર્સ સોફ્ટવેર છે. નીચેના લોકો એ આ પ્લગિન માટે ફાળો આપ્યો છે.

ફાળો આપનારા

ચેન્જલૉગ

1.0.1 – 16th February 2019

  • Add font size settings for mobile and desktop

1.0.2 – 17th February 2019

  • Add bubble box shadow blur settings

1.0.3 – 24th February 2019

  • Optimizing for better mobile layout

1.0.4 – 24th February 2019

  • Correction color with update for better mobile layout

1.0.5 – 24th February 2019

  • Update font size in bubbles

1.0.6 – 25th February 2019

  • Avatar size and gap between bubble and avatar for desktop

1.0.7 – 25th February 2019

  • Avatar default size for desktop

1.0.8 – 14th March 2019

  • New feature of mobile avatar image sizing

1.0.9 – 16th March 2019

  • Setting important default values

1.0.10 – 26th March 2019

  • Padding for speech bubbles, gap avatar and speech bubble for mobile

1.0.11 – 29th April 2019

  • Less margin between speaker name and spoken text

1.0.12 – 19th July 2020

  • Host and Guest speaker underlined

1.0.13 – 19th July 2020

  • only the version number

1.0.14 – 20th July 2020

  • correct transcript height

1.0.15 – 20th July 2020

  • transcript background color and padding

1.0.16 – 20th July 2020

  • transcript background color update

1.0.17 – 20th July 2020

  • only the version number

1.0.18 – 20th July 2020

  • transcript background color

1.0.19 – 20th July 2020

  • transcript layout corrections

1.0.20 – 26th July 2020

  • transcript and speaker layout

1.0.21 – 4th August 2020

  • break long words

1.1.0 – 30th March 2025

  • New preview tab to see how the transcript design is changing because of settings, New icon for each setting

1.1.5 – 14th April 2025

  • New plugin icons, help tab udpate

1.2.0 – 1st December 2025

  • New tab to generate HTML from interview text (2 speaker)

1.3.0 – 2nd December 2025

  • Now also creates HTML for podcast interview transcripts with 3 speakers