安装Whisper Web

直接在您的浏览器中进行由 ML 提供支持的语音识别!使用 🤗 Transformers.js 构建。

查看演示站点.

重要:

如果您想使用 GPU 加速运行,实验性的 WebGPU 支持已添加到此分支(演示)

本地运行

  1. 克隆 repo 并安装依赖项:
git clone https://github.com/xenova/whisper-web.git
cd whisper-web
npm install
  1. 运行开发服务器:
npm run dev
  1. 在浏览器中打开链接(例如,http://localhost:5173/)。
  2. 如果要从其他 IP 访问,需要编辑 package.json,进入 scripts 区块,找到 “dev”:”vite”,在 “vite” 后面添加 “–host 0.0.0.0”
sudo vi package.json

你会得到这样的内容

{
  "name": "whisper-web",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "clean": "rm -rf node_modules/ dist/",
    "build": "tsc && vite build",
    "preview": "vite preview",
    "lint": "eslint src/**/*.{js,jsx,ts,tsx,json}",
    "lint:fix": "eslint --fix src/**/*.{js,jsx,ts,tsx,json}",
    "format": "prettier --write src/**/*.{js,jsx,ts,tsx,css,md,json} --config ./.prettierrc",
    "tsc": "tsc"
  },
......

然后到第 7 行添加“–host 0.0.0.0”以允许其他 IP 访问

 {
  "name": "whisper-web",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite --host 0.0.0.0",
    "clean": "rm -rf node_modules/ dist/",
    "build": "tsc && vite build",
    "preview": "vite preview",
    "lint": "eslint src/**/*.{js,jsx,ts,tsx,json}",
    "lint:fix": "eslint --fix src/**/*.{js,jsx,ts,tsx,json}",
    "format": "prettier --write src/**/*.{js,jsx,ts,tsx,css,md,json} --config ./.prettierrc",
    "tsc": "tsc"
  },
......