Rumah > hujung hadapan web > uni-app > Bagaimana untuk melaksanakan fungsi pengecaman audio dalam uniapp

Bagaimana untuk melaksanakan fungsi pengecaman audio dalam uniapp

PHPz
Lepaskan: 2023-07-05 14:18:09
asal
2265 orang telah melayarinya

Cara melaksanakan fungsi pengecaman audio dalam uniapp

Dengan perkembangan berterusan teknologi kecerdasan buatan, pengecaman pertuturan telah digunakan secara meluas dalam aplikasi mudah alih dan Internet. Ia menjadi lebih mudah dan mudah untuk melaksanakan fungsi pengecaman audio dalam uniapp. Artikel ini akan memperkenalkan cara menggunakan Baidu Smart Cloud API dalam uniapp untuk merealisasikan fungsi pengecaman audio dan melampirkan contoh kod yang sepadan.

1. Persediaan

  1. Daftar akaun Baidu Smart Cloud dan aktifkan perkhidmatan pengecaman pertuturan
    Daftar akaun di laman web rasmi Baidu Smart Cloud, dan aktifkan perkhidmatan pengecaman pertuturan mengikut dokumen rasmi, dan dapatkan Kunci API yang sepadan dan Kunci Rahsia.
  2. Buat projek uniapp
    Buat projek uniapp dalam HBuilder Buka terminal dan laksanakan arahan berikut:

    "permission": {
     "scope.userLocation": {
       "desc": "你的位置信息将用于小程序位置接口的效果展示"
     },
     "scope.record": {
       "desc": "将要使用录音功能"
     }
    }
    Salin selepas log masuk
  3. 3. Gunakan pemalam pengecaman pertuturan Baidu
Perkenalkan pemalam ke dalam halaman yang perlu menggunakan audio fungsi pengecaman:

npm i uni-baidu-voice-recognition
Salin selepas log masuk

Apabila menggunakan pengecaman pertuturan, kita boleh menghantar voiceRecog.start() Kaedah mula merakam dan mengembalikan hasil pengecaman pertuturan melalui objek Promise. Panggil kaedah voiceRecog.stop() untuk menghentikan rakaman.

4. Konfigurasikan Pemalam Pengecaman Pertuturan Baidu
Dalam direktori akar projek, buat folder bernama uni-baidu-voice-recognition dan buat manifest.json dalam folder ini </ kod> fail, digunakan untuk mengkonfigurasi maklumat pemalam. Tambahkan kandungan berikut pada fail: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:html;toolbar:false;'>&lt;template&gt; &lt;view&gt; &lt;button @tap=&quot;startRecognize&quot;&gt;开始录音&lt;/button&gt; &lt;button @tap=&quot;stopRecognize&quot;&gt;停止录音&lt;/button&gt; &lt;/view&gt; &lt;/template&gt; &lt;script&gt; import voiceRecog from 'uni-baidu-voice-recognition' export default { methods: { startRecognize() { voiceRecog.start({}) .then(res =&gt; { console.log('语音识别结果:', res.result) }) .catch(err =&gt; { console.log('语音识别失败:', err) }) }, stopRecognize() { voiceRecog.stop({}) } } } &lt;/script&gt;</pre><div class="contentsignin">Salin selepas log masuk</div></div><p>Buat fail <code>index.js di bawah folder uni-baidu-voice-recognition untuk melaksanakan fungsi pengecaman pertuturan. Tambahkan kod berikut pada fail: voiceRecog.start()方法开始录音,并通过Promise对象返回语音识别的结果。调用voiceRecog.stop()方法停止录音。

四、配置百度语音识别插件
在项目根目录下,创建一个文件夹,名为uni-baidu-voice-recognition,在该文件夹下创建manifest.json文件,用来配置插件的信息。在该文件中添加以下内容:

{
  "minPlatformVersion": "1060",
  "name": "uni-baidu-voice-recognition",
  "version": "1.0.0",
  "description": "百度语音识别插件",
  "main": "index.js"
}
Salin selepas log masuk

uni-baidu-voice-recognition文件夹下创建index.js文件,用来实现语音识别的功能。在该文件中添加以下代码:

import VoiceRecogPlugin from "voice-module"

export default {
  start(options) {
    return new Promise((resolve, reject) => {
      VoiceRecogPlugin.start(options)
        .then(res => {
          resolve(res)
        })
        .catch(err => {
          reject(err)
        })
    })
  },
  stop() {
    VoiceRecogPlugin.stop()
  }
}
Salin selepas log masuk

五、使用百度语音识别插件的APP Key和Secret Key
在项目根目录下,打开hbuilder-config.json

"apps": [
  {
    "type": "uni-app",
    "appid": "你的appid",
    "key": "你的key",
    "secret": "你的secret"
  }
]
Salin selepas log masuk
5. Gunakan Kunci APP dan Kunci Rahsia pemalam pengecaman pertuturan Baidu

Dalam direktori akar projek, buka fail hbuilder-config.json dan tambah kandungan berikut:

rrreee

Ganti "aplikasi anda" dalam kod di atas dengan Kunci APP yang anda mohon pada Baidu Smart Cloud dan gantikan "kunci anda" dan "rahsia anda" dengan Kunci API dan "Rahsia anda" yang anda perolehi pada Kunci Rahsia Awan Pintar Baidu.

Pada ketika ini, kerja melaksanakan fungsi pengecaman audio dalam uniapp telah selesai. Anda boleh memperkenalkan pemalam ke dalam halaman yang anda perlukan untuk menggunakan pengecaman audio dan menggunakan kaedah yang sepadan dalam acara klik butang untuk memulakan dan menghentikan rakaman. Dengan memanggil API pengecaman pertuturan, anda boleh mendapatkan hasil pengecaman pertuturan dan memprosesnya dengan sewajarnya.

Ringkasan🎜Artikel ini memperkenalkan cara melaksanakan fungsi pengecaman audio dalam uniapp dan menyediakan contoh kod yang sepadan. Dengan menggunakan API Baidu Smart Cloud, kami boleh menambahkan fungsi pengecaman audio pada uniapp dengan mudah, membawa lebih banyak kemungkinan kepada aplikasi kami. Saya harap artikel ini akan membantu anda melaksanakan fungsi pengecaman audio dalam uniapp. 🎜

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan fungsi pengecaman audio dalam uniapp. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan