Ich verwende die Funktion zur Spracherkennung mit Simultanübersetzung, um die Sprachsuchfunktion auf der Homepage des WeChat-Applets zu realisieren. Wenn Sie auch so sind, herzlichen Glückwunsch. Sie können Strg+C, Strg+V drücken, um es wieder zu ändern. Wenn Sie nicht so sind, gehen Sie nicht in Eile. Das Lesen meines Artikels wird Ihnen hilfreich sein! Gehen Sie zunächst auf der öffentlichen WeChat-Plattform (die den Hintergrund des Miniprogramms bildet) in der linken Menüleiste zu Einstellungen --> Plugin-Verwaltung unter Drittanbietereinstellungen --> Hinzufügen --> Nach Simultandolmetschen suchen --> Klicken Sie auf Hinzufügen Der nächste Schritt besteht darin, einige Einstellungen im Code hinzuzufügen. Wenn Sie WeChat-Entwicklertools zum Entwickeln von Miniprogrammen verwenden, müssen Sie der Datei app.json den folgenden Code hinzufügen. // app.json { ... "Plugins": { ... "WechatSI": { "Version": "0.3.4", // Dies ist die Version der Simultanübersetzung (Sie können auch die neueste Version der Simultanübersetzung überprüfen, die der öffentlichen WeChat-Plattform hinzugefügt wurde) "provider": "wx069ba97219f66d99" // Dies ist die ID des Simultandolmetschers } } } Wenn Sie Hbuildex zum Entwickeln eines kleinen Programms verwenden, müssen Sie Änderungen in der Quellcodeansicht der Datei manifest.json vornehmen. Suchen Sie in der Quellcodeansicht nach mp-weixin und fügen Sie es gemäß dem folgenden Code hinzu und ändern Sie es // manifest.json /* Mit Miniprogrammen verbunden*/ "mp-weixin": { "appid": "xxxxxxxxxx", // Dies ist die AppId Ihres Applets ... "Plugins": { "WechatSI": { "Version": "0.3.4", // Dies ist die Version der Simultanübersetzung (Sie können auch die neueste Version der Simultanübersetzung überprüfen, die der öffentlichen WeChat-Plattform hinzugefügt wurde) "provider": "wx069ba97219f66d99" // Dies ist die ID des Simultandolmetschers } } } Nach Abschluss der obigen Schritte können Sie gemäß der offiziellen Dokumentation entwickeln Nachfolgend sehen Sie den Implementierungscode meiner Funktion // index.vue Hier schreibe ich nur den Sprachbutton in mein Seitenlayout (vereinfacht) <Vorlage> <div @click="yuyin" Klasse="yuyin-Symbol"> <img :src="baseUrlImg+'/yuyin.png'" alt="" class="img" /> </div> </Vorlage> <Skript> Standard exportieren { Daten() { zurückkehren { // Dies ist der Inhalt des Suchfeldes Suchwort: '' } }, Methoden: { // Sprachklick-Ereignis: function() { var das = dies // Initiieren Sie eine Autorisierungsanfrage an den Benutzeruni.authorize({ scope: 'scope.record', // Ruft die Aufnahmefunktion ab, also die Mikrofonberechtigung success: (res) => { // Benutzer mit der Berechtigung, das Mikrofon zu verwenden, um die Ereignisfunktion für die Sprachsuche that.plugin() aufzurufen }, // Der Benutzer hat keine Berechtigung, das Mikrofon zu verwenden. Führen Sie den folgenden Code aus: fail(res) { // Ein modales Popup-Fenster anzeigen, um den Benutzer daran zu erinnern, dass die Mikrofonberechtigung nicht aktiviert ist uni.showModal({ Inhalt: „Es wurde festgestellt, dass Sie die Mikrofonberechtigung nicht aktiviert haben. Bitte lassen Sie die Mikrofonberechtigung aktiviert“, confirmText: 'Zum Öffnen gehen', showCancel: false, Erfolg: (res) => { Konsole.log(res) wenn(res.bestätigen) { // Öffnet die Einstellungsschnittstelle des Client-Applets und gibt das Ergebnis der Benutzereinstellungen zurück uni.openSetting({ Erfolg: (res) => { Konsole.log(res) wenn(res.authSetting['scope.record'] == false) { das.plugin() } } }) } anders { uni.navigateBack({ Delta: 1 }) } } }) } }) } // Plugin für die Sprachsuche () { var das = dies var plugin = requirePlugin('WechatSI') var manager = plugin.getRecordRecognitionManager() // Legen Sie die Aufnahmeparameter fest manager.start({ Dauer: 5000, // Zeit Sprache: "zh_CN" // Sprache }) // Aufzeichnung starten manager.onStart = function(res) { console.log("Aufnahmeerkennung erfolgreich gestartet", res) wenn(res.msg == 'Ok') { // Den Benutzer darüber informieren, dass die Aufzeichnung läuftuni.showToast({ Titel: „Stimme wird erkannt...“, Dauer: 5000, Symbol: „wird geladen“ }) } } // Aufnahme endet manager.onStop = function(res) { // Den Benutzer darauf hinweisen, dass er zur Suchseite springt (da der Sprung bei mir 1 bis 2 Sekunden gedauert hätte, habe ich ein Eingabeaufforderungsfeld eingerichtet) uni.showToast({ Titel: „Umleitung …“, Dauer: 1500, Symbol: „Erfolg“ }) // Die erkannte Sprache in Text übersetzen plugin.translate({ von: 'en_US', lto: 'zh_CN', Inhalt: Ergebnis.Ergebnis, Erfolg: Funktion (Res) { wenn(res.retcode == 0) { // (Dies ist beim iPhone der Fall, bei Android bin ich mir nicht sicher) Die Spracherkennung fügt manchmal am Ende ein Symbol hinzu, wenn (res.result.charAt(res.result.length - 1) == '.' || res.result.charAt(res.result.length - 1) == '.') { res.result = res.result.substr(0, res.result.length - 1); } // Geben Sie den übersetzten Inhalt in das Suchfeld ein that.search_word = res.result // Code, der die Suchfunktion that.searchName() ausführt } anders { console.log('Übersetzung fehlgeschlagen', res) } }, Fehler: Funktion (Res) { console.log('Netzwerkfehler', res) // Wenn der Benutzer leise spricht oder nicht spricht, werden diese beiden Fehler gemeldet if(res.retcode == -10001 || res.retcode == -10002) { uni.showToast({ Titel: „Ich habe nicht gehört, was du gesagt hast“, Dauer: 1000, Symbol: „Fehler“ }) } } }) } // Fehlerinformationen drucken manager.onError = function(res) { console.error('Fehlermeldung', res.msg) } } } } </Skript> Dies ist das Ende dieses Artikels darüber, wie das WeChat Mini-Programm Simultanübersetzung zur Implementierung der Spracherkennung verwendet. Weitere relevante Inhalte zur Spracherkennung des Mini-Programms finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird! Das könnte Sie auch interessieren:
|
<<: Mysql fragt die ausgeführten Transaktionen ab und wie auf Sperren gewartet werden soll
>>: So installieren Sie MongoDB 4.2 mit Yum auf CentOS8
Der einfache Timer von Vue dient Ihnen als Refere...
Vorwort Dieser Artikel fasst hauptsächlich einige...
Inhaltsverzeichnis Grundlegende Verwendung von Pr...
Basierend auf täglichen Entwicklungserfahrungen u...
Das WeChat-Applet verwendet die Scroll-Ansicht, u...
CSS-Benennungskonventionen (Regeln) Häufig verwen...
In den vorherigen Kapiteln haben wir die Auswahl ...
In diesem Artikel wird kurz beschrieben, wie Sie ...
Nginx unterstützt drei Möglichkeiten zum Konfigur...
Starten Sie die virtuelle Centos8-Maschine und dr...
Was ist der Nobody-Benutzer in Unix/Linux-Systeme...
Inhaltsverzeichnis Zweck Modulinstallation Grundl...
Der Grund für das Schreiben dieses Artikels ist, ...
Einführung in CentOS CentOS ist eine Linux-Distri...
Konfigurieren des Startens und Herunterfahrens vo...