I am working on computer-vision projects and trying to find a way how to build a desktop application with modern UI that will be able to display live video processed by my algorithms. The code that creates video stream and web browser will be on the same machine.

I have a native C++ code that captures video from IP camera, makes some processing of captured frames with drawing results on them. For example - it detects human faces and draws bounding boxes on video frames. Video processing code is quite heavy and can't be translated into javascript.

After that I want to display this frames with boxes on them in Web-based GUI in a desktop application build with NW.js.

The question is how to display processed frames with lowest possible CPU usage overhead?

I can compress each frame into JPG(PNG/BMP...) and send it to <img> tag, but this way will take too much CPU, and this is the worst possible solution.

The perfect solution should be sending frame data directly into WebGL texture on GPU by native code, but I cant find a way how to make it.

May be some compromise will be RGB32(24) transfer, but image stream is quite heavy (about 200 MB per second), this is the stream of one 2MP/25fps IP camera. And in a future I want to be able using up to 4 cameras on one PC.

I have an experience with Qt and this task can be solved with Qt, but I really need some HTML5-based GUI with its animations, styles and other features.

My target OS is Windows, but it will be good to have cross-platform solution. And if Windows is a problem - I can use Linux.

私はノード Webkit が初めてで、html でデスクトップ アプリケーションを開発しています。小さなプロジェクトを作成し、nw.exe を使用して実行しました。Windows 8.1 64 ビットでは正常に動作しますが、Windows 7 では動作しません。

何度もクリックすると実行され、突然開始し、一度閉じた後、再度実行できなくなります。

私のpackage.json

}

索引.html

誰でも助けることができますか？

現在、Ionic2 + nw.js アプリに取り組んでいます。

Ionic2 パーツを作成しましたが、nw.js API を使用する必要があります。そのために私は使用しなければなりません

Ionic2 typescript コンパイラは、require('xyz') ステートメントでエラーを返します。これに対して typescript コンパイラ エラーを回避する方法はありますか。

私は上部で使用しました：

しかし、何の利益もありません。

現在、Ionic2 アプリを作成し、後で NW.js 統合のために app.bundle.js を編集する回避策を使用する必要があります。

私の現在のアプリ (Visual Studio の WPF) の重さは 2MB です。

そして今、このアプリを Node と Javascript で再作成したいと考えています。なんで？主な理由は、Javascript を学びたいからです (はい、これは私の学習方法であり、JS の学習方法についてアドバイスを与えないでください)。2 つ目の理由 - CSS3 を最大限に活用したいのですが、WPF アプリは CSS2 しかサポートしていません。

問題は重量です。Electron または NWJS で構築されたサンプルアプリの重量は約 115 MB です!!!
Desktop App が動作するために Node と Browser が必要であることは理解できますが、115MB ?!

私の質問は、Electron/NWJS (または同様の代替手段) を使用して軽量デスクトップ アプリを作成する方法はありますか?

最終的な重量は約 50 ～ 60 MB です。

編集機能を備えたメモ帳のようなアプリがあるとします。この目的にはコード ミラー ライブラリが使用されます。アプリはNWJSであるため、アプリでテキストファイルを直接開く方法がわかりません。他のネイティブ アプリと同様に、コンテキスト メニューでオプションを選択できます。たとえば、「崇高なテキストで開く」などです。ファイルはテキスト エディターで開きます。nwjsアプリでそれを行うにはどうすればよいですか? そこにモジュールはありますか？私を助けてください 。ありがとう

既存のNW.js + JSプロジェクトでTypeScriptを使用しようとしています。 私は NW.js を初めて使用するので、nw.guiの入力をインストールした後、すぐに使用できると素朴に想定していました。 そうではありません (TypeScript はグローバル変数を認識しないため)。

nw

私に与えます

モジュール「nw.gui」が見つかりません

NW.js で正しく動作するようにコードをセットアップするにはどうすればよいですか?

Nwjs と AngularJS を使用してアプリを作成しています。アプリは Windows で正常に動作していますが、アプリを linux("Ubuntu") にエクスポートしようとしていますが、証明書でエラーが発生し、Windows で証明書をインストールしました「信頼されたルート証明機関」で、その場合、nwjsはすべてのファイルを問題なく取得しています。

私が今持っているコードを説明します：

インデックスファイルには、次のコードのようなものがあります。そのコードでは、サーバーから「js、css、およびhtml」をロードします。

ご覧のとおり、サーバーからいくつかのファイルをロードする必要がある場合は、「https://test.com」という名前を付けました。

私が持っているルートファイルで：

ここで見つけた解決策を試しました。その後、証明書を etc/ssl に表示できます。それから、私が行ったプロセスは正しいと思います。

私が抱えている問題

1. Linux の「信頼されたルート証明機関」に相当するものかどうかはわかりません

2. nwjs 証明書をどこで読んでいますか

助けてくれてありがとう

私は、nwjs/node.js でデータ駆動型のDSL命令を使用するブラウザー自動化アプリケーションを開発しています。

package.json の次の依存関係を介して、chromedriver と selenium webdriver に npm パッケージを使用することにしました。

最近、単純に chromedriver を起動した時点でアプリケーションが動作を停止するまで、すべてが順調に進んでいました。

Macbook のターミナルで実行すると、次のエラーが表示されます。

プロジェクトで導入した問題ではないことを確認するために、当時作成したいくつかのテスト アプリケーションに対してもテストを行いました。

次に、 geckodriverforBrowserをダウンロードした後、メソッドで「firefox」を使用しようとしましたが、これは完全に機能しました。

chromedriver のある種の自動更新が私のプロジェクトを壊したかのように見えます。同様のエラーに関連するスタックオーバーフローに関する他のいくつかの質問に気付きましたが、Runtime.evaluate missing 'wasThrown'エラーは含まれていませんでしたが、私の理論がおそらく正しいことを示唆しているようです。

先に進んでgeckodriverに切り替えることもできますが、今後同様の問題に遭遇するかどうかはわかりません。

ここでの本当の質問は...

自動更新を無効にして、このアプリケーションをスタンドアロン プロジェクトとして実行し続けるにはどうすればよいですか?

繰り返しますが、これは常に最新のテスト スイートとしてではなく、カスタム言語によって駆動されるブラウザー自動化アプリケーションとして意図されています。これは、ホストされた node.js インスタンスを介した自動化されたソリューションとして、または nwjs で実行されるオペレーター主導の GUI アプリケーションとして動作します。

編集：

これまでのところ、有望なアプローチを見つけました。好みに合わせて動作するようになったら、回答を追加します。

Seleniumのドキュメントには、chromedriver オプションをカスタマイズする方法に関する情報が含まれています。Chromiumのバージョンをダウンロードし、このロジックを使用して接続しました。

注: Mac では、アプリ パッケージ内の実際の実行可能ファイルのパスを指定する必要があります (例: 'Chromium.app/Contents/MacOS/Chromium')。

これまでのところ、Chrome ではなく Chromium を使用しており、バージョンはまだ正しくありませんが、パスを設定せずに実行しているものとは異なることを確認しました。理論的には、アプリケーションをスタンドアロンでパッケージ化しながら自動更新プロセスを確実にフリーズできれば、同じ方法で Chrome を実行できるはずです。それがうまくいかない場合は、Chromiumを使用することに頼るかもしれません。