monaco speech editor

Monaco-Speech-Editor

中文文档

Monaco Speech Editorは、視覚障害者のオンラインコードエディターです。読み取り、編集、コンパイルを簡単にするために、いくつかの組み込み関数を提供します。

クイックスタート

私のウェブサイトでエディターを試してみてください。

ローカルで実行します

このWebアプリケーションは純粋なJSで書かれており、フレームワークを使用していなかったため、ローカルで簡単に実行できます。

まず、リポジトリをダウンロードします。

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

次に、 monaco-speech-editorを開きます。

次に、 index.htmlをクリックすると、ブラウザで開きます。

特徴

ファイルマネージャー：

• ファイルを作成します
• ファイルを削除します
• ファイルの名前を変更します
• ファイルをアップロードします
• ファイルをダウンロードします
• ファイルを復元します

コンソール：

• iframeにHTMLファイルを表示します
• 新しいタブにHTMLファイルを表示します
• 新しいウィンドウにHTMLファイルを表示します
• console.log（）の出力を表示

テーマ：

• デイモード
• ナイトモード

アクセシビリティ：

• ツールバー：構文の強調表示、ラインへのジャンプ、前のラインの再生、現在のラインの再生、次のラインを再生するなど。

• 読み取りモード：文字モード、コードモード、音楽モード、概要モードを含む。

• スポットライト：これは、設定をオンまたはオフにすることを可能にする設定のリストです。

• 線形インデックス：機能のリストと対応するホットキーです。

ルーターでエディターを初期化します

視覚障害のあるユーザーの場合は、上のWebサイトを開き、アドレスの後にルーター#tutorialを追加して、オーディオチュートリアルを自動的に再生してください。 PS：Google Chromeのポリシーのため、このオーディオはGoogle Chromeで再生されない可能性があります。

あなたが通常のビジョンを持っている人の場合は、上のウェブサイトを開き、ルーター#muteを追加して自動再生イベントを無効にしてください。

ルーターの完全なリスト

ルーター	設定
＃load-demo	デモを読み込みます
＃暗い	ナイトモードをオンにします
＃全画面表示	全画面表示
＃走る	コンソールバーを開きます
＃チュートリアル	オーディオチュートリアルを再生します
#spotlight	スポットライトをオンにします
＃linear-index	線形インデックスをオンにします
＃文字モード	文字モードをオンにします
＃コードモード	コードモードをオンにします
＃概要 - モード	概要モードをオンにします
＃ボイスフィードバック	音声フィードバックをオンにします
＃ボイスキュー	音声キューをオンにします
＃ミュート	自動再生イベントを無効にします
＃ダーク＆ラン	ナイトモードとコンソールバーをオンにします
＃ダーク＆ミュート	ナイトモードをオンにして、自動再生イベントを無効にします

依存関係

• モナコ編集者

• WebスピーチAPI

よくある質問

エディターは、モバイルブラウザまたはモバイルWebアプリフレームワークでサポートされていますか？

いいえ、Monaco EditorとWeb Speech APIの両方がモバイルブラウザーでうまく機能することはできません。

Ruterを使用して初期設定を構成する方法

たとえば、https：//luochang212.github.io/gadget/monaco-sepeech-editor/#dark&muteを開く場合。 Monaco Speech Editorはナイトモードをオンにし、Autoplayイベントを無効にします。

ライセンス

MITライセンス