google-gemini / google-gemini/live-api-web-console
Mention Angular Version of Web Console Demo for Angular Developers
- Dominant language
- TypeScript
- Stars
- 2.6k
- Forks
- 731
- PR merge metrics
- No merged PRs in 30d
Description
### Description of the feature request:
Hi team,
A few months ago, I was preparing a 2-day training on using Gemini with Angular and wanted to demonstrate the Live API using your Web Console Demo. With a few days to spare before the event, I attempted a full migration of the demo to Angular. It turned out to be a bit more complex than expected, so I initially used a simplified version without features like the sidebar or logging.
After the training, I decided to complete the full migration and later updated it again to align with the new google/genai SDK release. I also integrated state management with NgRx and added transcripts via Deepgram, which I felt were valuable additions. Most recently, I updated the project again to support the new Gemini Flash Live model and its configuration changes.
This is a recent screenshot showing its latest version.

### What problem are you trying to solve with this feature?
Given the popularity of your project and how well it showcases the Live API, I believe it would be helpful for Angular developers to have a reference project listed or mentioned. It could serve as a solid starting point for those looking to implement similar functionality in Angular.
### Any other information you'd like to share?
Here are the relevant links:
• [Angular version using the old SDK](https://github.com/gsans/gemini-2-live-angular?tab=readme-ov-file)
• [Angular version using the new google/genai SDK](https://github.com/gsans/gemini-2-live-angular/tree/js-genai?tab=readme-ov-file)
• [Medium post explaining the Angular implementation](https://gerard-sans.medium.com/building-advanced-ai-voice-assistants-using-google-gemini-2-0-and-angular-81ca0fa68ff6)
Thanks again for your excellent work on the demo!
Contributor guide
Assessment
This issue has not been assessed yet.