uniappを使って音声認識機能を開発する方法-uni-app-php.cn

uniappを使って音声認識機能を開発する方法

WBOY

リリース： 2023-07-05 12:35:42

オリジナル

3929 人が閲覧しました

uniapp を使用して音声認識機能を開発する方法

音声テクノロジーの普及と応用はますます広範囲になり、音声認識は多くのアプリケーションの重要な機能の 1 つとなっています。 uniapp フレームワークでは、uniapp が提供するクロスプラットフォーム機能を使用して、音声認識機能を備えたアプリケーションを迅速に開発できます。この記事では、uniapp を使用して音声認識機能を開発する方法と、対応するコード例を紹介します。

1. 準備
開始する前に、uniapp 開発環境がインストールされていることを確認し、音声認識をサポートする uniapp プラグインをプロジェクトに導入する必要があります。

uniapp 開発環境をインストールします。HBuilderX など、オペレーティングシステムに応じて適切な開発ツールを選択します。
音声認識プラグインの導入: HBuilderX の「プラグインマーケット」をクリックし、「uni-speech-recognition」プラグインを検索してインストールします。このプラグインはuniappが公式に推奨している音声認識プラグインで、音声認識機能を迅速に実装するのに役立ちます。

2. 音声認識機能の実装
準備作業が完了したら、音声認識機能の実装を開始できます。音声認識機能を実装する手順とコード例は次のとおりです。

ページの作成: uniapp プロジェクトに「voiceRecognition」などの新しいページを作成します。
プラグインの導入: 作成したページに、uniapp が提供する音声認識プラグインを導入します。コードは次のとおりです:
```
import uniSpeechRecognition from '@/uni-speech-recognition/uni-speech-recognition.js'; // 引入语音识别插件
```
ログイン後にコピー
アクセス許可の構成: 音声認識を正常に機能させるには、manifest.json ファイルでアクセス許可を構成する必要があります。コードは次のとおりです:
```
"permission": {
  "scope.userLocation": {
 "desc": "用于语音识别"
  }
}
```
ログイン後にコピー

音声認識の初期化: 生活の中でページのサイクルで、次のコードを使用して音声認識関数を初期化し、バインドします。関連するイベントコールバック関数を定義します。

export default {
  onLoad() {
 uniSpeechRecognition.init(); // 初始化语音识别

 // 绑定语音识别结束事件回调函数
 uniSpeechRecognition.onStop(res => {
   console.log('识别结果：', res.result);
 });

 // 绑定语音识别错误事件回调函数
 uniSpeechRecognition.onError(res => {
   console.error('识别错误：', res.errMsg);
 });
  }
}

ログイン後にコピー

音声認識の開始: 音声認識を開始する必要がある場所。次のコードを呼び出して音声認識を開始します:
```
uniSpeechRecognition.start({
  lang: 'zh_CN', // 语种，默认为中文
  timeout: 5000 // 超时时间，默认为5秒
});
```
ログイン後にコピー
音声認識の停止: 音声認識を継続する必要がない場合は、次のコードを呼び出して音声認識を停止できます:
```
uniSpeechRecognition.stop();
```
ログイン後にコピー

3. 音声認識機能をテストする
上記の手順を完了したら、uniapp プロジェクトの「voiceRecognition」ページで音声認識機能をテストできます。ボタンをクリックして音声認識を開始し、もう一度ボタンをクリックして音声認識を停止すると、コンソールに認識結果が表示されます。

<template>
  <view>
    <button @click="startRecognition">开始识别</button>
    <button @click="stopRecognition">停止识别</button>
  </view>
</template>

<script>
  import uniSpeechRecognition from '@/uni-speech-recognition/uni-speech-recognition.js';

  export default {
    methods: {
      startRecognition() {
        uniSpeechRecognition.start({
          lang: 'zh_CN',
          timeout: 5000
        });
      },
      stopRecognition() {
        uniSpeechRecognition.stop();
      },
    },
    onLoad() {
      uniSpeechRecognition.init();

      uniSpeechRecognition.onStop(res => {
        console.log('识别结果：', res.result);
      });

      uniSpeechRecognition.onError(res => {
        console.error('识别错误：', res.errMsg);
      });
    }
  }
</script>

ログイン後にコピー

上記の手順により、uniapp に音声認識機能を実装することに成功し、対応するコードサンプルを参考として提供しました。この記事が、uniappを使って音声認識機能を開発する皆さんの参考になれば幸いです。

以上がuniappを使って音声認識機能を開発する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。