トグル スイッチの配列に基づいて画像を表示し、サウンドを再生する JavaScript プログラムを作成しました。toggleflg[i] = "On"の場合、画像とサウンドがトリガーされます。残念ながら、複数の画像と音声がトリガーされると (一度に 10 または 20 以上)、プログラムは必然的に遅くなります :(
全体的なパフォーマンスを向上させる方法を探しています。私はそれについてどうするかは気にしません。このプログラムは、個人使用のみを目的としています。私の目標は、できるだけ多くのトグル スイッチを動作させることです。プログラム内で考慮すべきことはありますか? それができない場合、ワークロードを 2 台のコンピューターに分割することは可能でしょうか?
1 つのアイデアは、トグル入力を受け取ってビジュアルを表示するバージョンのプログラムを最初のコンピューターで実行し、更新された toggleflg 配列を別のコンピューターに送信することです。おそらく、共有フォルダー内のファイルを更新します。2 番目のコンピューターは、同じプログラムのオーディオ バージョンを実行し、setTimeout()を使用して定期的にtoggleflg[i]の更新をチェックし、対応するサウンドを更新します。シンプルですよね？
この質問から私が知りたいのは、上記のようなファイル共有方法が合理的かどうか、または同じプログラムの 2 つのバージョンを同期することが間違った方法であると思われる場合は、パフォーマンスを改善するためのアイデアや洞察をいただければ幸いです。
html5オーディオとキャンバスを使用して、Firefoxでこのプログラムを実行しています。