monaco speech editor

Monaco-Speech-Eduitor

中文文档

Monaco Speech Editor ist ein Online -Code -Editor für sehbehinderte Personen. Es bietet mehrere integrierte Funktionen, um das Lesen, Bearbeiten und Kompilieren einfach zu erleichtern.

Schneller Start

Probieren Sie den Editor auf meiner Website aus.

Vor Ort laufen

Da diese Webanwendung mit reinem JS geschrieben wurde und kein Framework verwendet hat, ist es einfach, lokal auszuführen.

Laden Sie zunächst das Repository herunter.

 git clone https://github.com/luochang212/monaco-speech-editor.git

Dann öffnen Sie monaco-speech-editor .

Klicken Sie nun auf index.html , es wird in Ihrem Browser geöffnet.

Merkmale

Dateimanager:

• Eine Datei erstellen
• Löschen Sie eine Datei
• Eine Datei umbenennen
• Laden Sie eine Datei hoch
• Laden Sie eine Datei herunter
• Eine Datei wiederherstellen

Konsole:

• Zeigen Sie die HTML -Datei in einem Iframe an
• Zeigen Sie die HTML -Datei in einer neuen Registerkarte an
• Zeigen Sie die HTML -Datei in einem neuen Fenster an
• Zeigen Sie die Ausgabe von console.log () an

Themen:

• Tagesmodus
• Nachtmodus

Zugänglichkeit:

• Symbolleiste: einschließlich Syntax -Hervorhebung, Springen Sie in die Linie, spielen Sie die vorherige Zeile ab, spielen Sie die aktuelle Zeile ab und spielen Sie die nächste Zeile ab.

• Lesemodus: einschließlich Zeichenmodus, Codemodus, Musikmodus, Übersichtsmodus.

• Spotlight: Es handelt sich um eine Liste von Einstellungen, mit denen Sie Einstellungen einschalten oder ausschalten können.

• Linearer Index: Es handelt sich um eine Liste von Funktionen und entsprechenden Hotkeys.

Initialisieren Sie den Herausgeber mit Routern

Wenn Sie ein sehbehinderter Benutzer sind, öffnen Sie bitte die Website oben und fügen Sie nach der Adresse einen Router #tutorial hinzu, um ein Audio -Tutorial automatisch abzuspielen. PS: Dieses Audio wird aufgrund der Richtlinie von Google Chrome möglicherweise nicht bei Google Chrome gespielt.

Wenn Sie eine Person mit normaler Sicht sind, öffnen Sie bitte die obige Website und fügen Sie einen Router #mute hinzu, um ein Autoplay -Ereignis zu deaktivieren.

Komplette Liste der Router

Router	Einstellung
#Lastdemo	Laden Sie Demo
#dunkel	Nachtmodus einschalten
#Vollbild	Vollbild
#laufen	Offene Konsolenbar
#Tutorial	Spielen Sie Audio -Tutorial
#Scheinwerfer	Schalten Sie Spotlight ein
#Linear-Index	Linear Index einschalten
#Zeichenmodus	Schalten Sie den Charaktermodus ein
#Code-Mode	Der Codemodus einschalten
#Übersichtsmodus	Schalten Sie den Übersichtsmodus ein
#Voice-Feedback	Voice Feedback einschalten
#Voice-Cue	Voice Cue einschalten
#stumm	Deaktivieren Sie jedes Autoplay -Ereignis
#Dark & ​​Run	Schalten Sie den Nachtmodus und die Konsolenleiste ein
#Dark & ​​Stumm	Schalten Sie den Nachtmodus ein und deaktivieren Sie jedes Autoplay -Ereignis

Abhängigkeiten

• Monaco Editor

• Web -Sprach -API

FAQ

❓I ist der Editor, der in mobilen Browsern oder mobilen Web -App -Frameworks unterstützt wird?

Nein, sowohl Monaco Editor als auch Web Speech API können im mobilen Browser nicht gut funktionieren.

❓Wie verwendet, um Router zu verwenden, um die anfängliche Einstellung zu konfigurieren？

Wenn Sie beispielsweise https://luochang212.github.io/gadget/monaco-speech-editor/#dark&mute öffnen. Der Monaco Speech Editor wird den Nachtmodus einschalten und jedes Autoplay -Event für Sie deaktivieren.

Lizenz

MIT -Lizenz