Overseas access: www.kdjingpai.com
Bookmark Us
Current Position:fig. beginning " AI Answers

How to quickly integrate vosk-browser into a web project via CDN?

2025-08-20 276

使用CDN引入vosk-browser是最快捷的集成方式,具体分为以下步骤:

  1. 引入脚本:在HTML文件的<head>maybe<body>中添加CDN链接
    <script src=’https://cdn.jsdelivr.net/npm/vosk-browser@0.0.5/dist/vosk.js’></script>
  2. Loading Models:从官方模型库(如https://ccoreilly.github.io/vosk-browser/models/)下载对应语言的.tar.gz压缩包
  3. 初始化使用::
    1. 通过Vosk.createModel()异步加载模型文件
    2. 创建AudioContext和识别器实例
    3. 调用getUserMedia获取麦克风权限
    4. 通过createTransferer建立音频数据传输管道

注意:当前最新版本为0.0.8,建议通过jsDelivr检查更新。小型英语模型(如vosk-model-small-en-us)约50MB,适合快速测试。

Recommended

Can't find AI tools? Try here!

Just type in the keyword Accessibility Bing SearchYou can quickly find all the AI tools on this site.

Top

en_USEnglish