Skip to content

Commit 7e955a6

Browse files
author
haotool
committed
feat(popup): premium studio-grade audio visualizer with CSS-only animation
- Redesign audio visualizer with 25 wave bars (up from 21) - Add 4-tier color coding: green → purple → amber → red - Add subtle grid lines and reflection effects for depth - Add status indicator badge ('LIVE') during recording - Remove getUserMedia dependency to avoid ChatGPT conflicts - Use pure CSS animations for reliable visual feedback - Add headless mode support for E2E testing (--headless=new) - Update version to 0.8.19 All 140 unit tests passing All 27 E2E tests passing in headless mode
1 parent 9d92a0f commit 7e955a6

6 files changed

Lines changed: 298 additions & 246 deletions

File tree

CHANGELOG.md

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,36 @@ All notable changes to EchoType will be documented in this file.
55
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
66
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
77

8+
## [0.8.19] - 2026-01-20
9+
10+
### 🎨 UI/UX
11+
- **Premium Studio-Grade Audio Visualizer** - Completely redesigned equalizer with professional aesthetics:
12+
- 25 wave bars (increased from 21) with wider, more prominent design
13+
- Subtle grid lines for professional studio look
14+
- Reflection effect on each bar for depth
15+
- 4-tier color coding: green → purple → amber → red (peak)
16+
- Ambient glow with gradient from green to purple
17+
- Smooth wave animation with staggered delays for realistic effect
18+
- Status indicator badge ("LIVE") during recording
19+
- Volume level indicator repositioned to bottom-left
20+
- Height increased to 72px for better visibility
21+
22+
### 🔧 Improvements
23+
- **Simplified Audio Visualization** - Removed getUserMedia dependency:
24+
- Pure CSS animation mode to avoid conflicts with ChatGPT's microphone usage
25+
- ChatGPT handles audio capture, popup only shows visual feedback
26+
- Eliminated permission conflicts between extension and web page
27+
- More reliable and consistent visualization behavior
28+
29+
### 🧪 Testing
30+
- **Headless E2E Testing** - Added `--headless=new` support for CI/CD:
31+
- Environment variable `HEADLESS=false` to disable headless mode
32+
- Compatible with Chrome 109+ headless mode for extensions
33+
- All 140 unit tests passing
34+
- All 27 E2E tests passing in headless mode
35+
36+
---
37+
838
## [0.8.18] - 2026-01-20
939

1040
### ✨ Features

manifest.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
"manifest_version": 3,
33
"name": "__MSG_extName__",
44
"short_name": "EchoType",
5-
"version": "0.8.18",
5+
"version": "0.8.19",
66
"description": "__MSG_extDescription__",
77
"author": { "email": "haotool.org@gmail.com" },
88
"homepage_url": "https://github.com/haotool/echotype",

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "echotype",
3-
"version": "0.8.18",
3+
"version": "0.8.19",
44
"description": "Universal voice dictation via ChatGPT Whisper - Chrome Extension",
55
"private": true,
66
"type": "module",

0 commit comments

Comments
 (0)