h5 entwickelt Sprachübertragungsfunktion

1. Verwenden Sie die mit Windows gelieferte API, aber die meisten mobilen Browser unterstützen sie nicht und die Kompatibilität ist schlecht (nicht empfohlen).

1. Das SpeechSynthesis-Attribut des Fensters wird wie folgt verwendet, wie in 1.1 gezeigt

                                                                        Abbildung 1.1

 2. Verwenden Sie hauptsächlich die Broadcast-Methode speak () und die Abbruch-Broadcast-Methode cancel () und geben Sie dann zunächst die Seite ein, die einmal zu einem festen Zeitpunkt gesendet werden soll. Wenn Sie die Broadcast-Seite aufrufen und nicht zu lange bleiben, können Sie die verwenden Timer, um es direkt abzubrechen. Der gesamte Code ist in Abbildung 2.1 dargestellt

                                                                               Abbildung 2.1

2. Durch die Verwendung der mit uniapp gelieferten API deckt die Kompatibilität nahezu die meisten mobilen Browser ab (empfohlen).

1. Verwenden Sie die Methode createInnerAudioContext() von Uniap, um eine Sprachinstanz zu erstellen, fügen Sie der Instanz das Autoplay-Attribut und den Sprachwiedergabe-Link src hinzu. Weitere Informationen finden Sie auf der offiziellen Website von uni.createInnerAudioContext() | uni-app

Der vollständige Code des Kerns ist in der folgenden Abbildung dargestellt:

Supongo que te gusta

Origin blog.csdn.net/weixin_44191318/article/details/129065707
Recomendado
Clasificación