百科.dev
全部条目AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
L

live-api-web-console

> 编程语言
开源

一个基于 React 的启动应用,用于通过 WebSocket 使用 Live API,搭配 Gemini

2.6K stars0 点赞0 次浏览
访问官网GitHub

工具介绍

一个基于 React 的启动应用,用于通过 WebSocket 使用 Live API,搭配 Gemini

Live API - Web Console

This repository contains a react-based starter app for using the Live API over a websocket. It provides modules for streaming audio playback, recording user media such as from a microphone, webcam or screen capture as well as a unified log view to aid in development of your application. Watch the demo of the Live API here.

Usage

To get started, create a free Gemini API key and add it to the .env file. Then:

$ npm install && npm start

We have provided several example applications on other branches of this repository:

New demos with GenAI SDK:

  • demos/proactive-audio - demonstrates the Live API's proactive audio feature

Original demos:

  • demos/GenExplainer
  • demos/GenWeather
  • demos/GenList

Example

Below is an example of an entire application that will use Google Search grounding and then render graphs using vega-embed:

…

development

This project was bootstrapped with Create React App. Project consists of:

  • an Event-emitting websocket-client to ease communication between the websocket and the front-end
  • communication layer for processing audio in and out
  • a boilerplate view for starting to build your apps and view logs

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

This is an experiment showcasing the Live API, not an official Google product. We’ll do our best to support and maintain this experiment but your mileage may vary. We encourage open sourcing projects as a way of learning from each other. Please respect our and other creators' rights, including copyright and trademark rights when present, when sharing these works and creating derivative work. If you want more info on Google's policy, you can find that here.

Issues· 0 开放

查看全部 Issues在 GitHub 打开

暂无开放 Issues,或尚未同步最近议题。

> 标签

TypeScriptgeminigemini-api

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言