PCをインターネットに接続しないで、WEBカメラからの映像を使うことはできるのでしょうか？

Question

実現したいこと

Processing或いはp5.jsで作ったプログラムを、インターネットに繋げなくてもWEBカメラからの映像を使いたい。
HTMLにProcessingやp5.jsをプログラムして作っています。
宜しくお願いいたします。

発生している問題・分からないこと

2020年まで、Flash playerがダウンロードされたPCではインターネットに繋げなくてもswfファイルでWEBカメラからの映像を使うことができた。
Processing或いはp5.jsで作ったプログラムを、インターネットに繋げなくてもWEBカメラからの映像を使えるのか知りたい。

該当のソースコード

let capture;

function setup() {
  createCanvas(640, 480);

  capture = createCapture(VIDEO);
  capture.hide();
}

function draw() {
  background(220);

  let img = capture.get();

  image(img, 0, 0);
}

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

検索しても解決するような情報を見つけることができない。

補足

特になし

Comments

[toge_]

HTMLのものではなく、公式のEditorがありますのでこちらを利用するのはいかがでしょうか？
こちらからダウンロードできます。
https://processing.org/download

[noutore]

toge様、コメントありがとうございます。
私の説明が下手で、申し訳ございません。
例えばHTMLにプログラムした作成物（完成）を「展示」するような場合、インターネットが使えない環境では
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.4/p5.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.4/addons/p5.sound.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/molleindustria/p5.play/lib/p5.play.js"></script>
これらが使えません。
そこで、ライブラリ自体をフォルダに格納して試したところ映像は読み込めたのですが
一瞬の静止画像が表示されるのですが動画にはなりません。

[y_waiwai]

そういう詳しい説明を、質問文のほうに追記しておこう。

[noutore]

y_waiwai様
以後気をつけます。
ありがとうございました。

Answer 1

Processing或いはp5.jsで作ったプログラムを、インターネットに繋げなくてもWEBカメラからの映像を使えるのか知りたい。

Processing IDEのp5.jsモードの場合、ローカルでWebサーバを立ち上げるのでインターネット接続は必要ありません。
Download Processing / Processing.org

Visual Studio Codeではこちらがおすすめのようです（わたしは試していません）
p5.vscode - Visual Studio Marketplace
Local server · processing/p5.js Wiki

Comments

[noutore]

TN8001様、前回に引き続き、ありがとうございます。
私の説明が下手で、申し訳ございません。
例えばHTMLにプログラムした作成物を「展示」するような場合、インターネットが使えない環境では
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.4/p5.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.4/addons/p5.sound.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/molleindustria/p5.play/lib/p5.play.js"></script>
これらが使えません。
そこで、ライブラリ自体をフォルダに格納して試したところ映像は読み込めたのですが
一瞬の静止画像が表示されるのですが動画にはなりません。

[noutore]

TN8001様
「Local server · processing/p5.js Wiki」を翻訳してヒントらしい情報を見つけました。
ありがとうございます。
Web Server for Chromeをインストールすると、WEBカメラが使える可能性はありますか。

[TN8001]

> これらが使えません。
> そこで、ライブラリ自体をフォルダに格納して

はい。こちらにあります。
[Releases · processing/p5.js](https://github.com/processing/p5.js/releases)

> 一瞬の静止画像が表示されるのですが動画にはなりません。

わたしも詳しく知りませんが、videoタグ等はWebサーバが必要なのではないですか？
PDEやVSCodeから起動できない場合は、その他の方法（回答最後のリンク）
* Web Server for Chrome extension
* Python SimpleHTTPServer
をお試しください。

> Web Server for Chromeをインストールすると、WEBカメラが使える可能性はありますか。

（おそらく）はい。

[noutore]

TN8001様
Simple Web ServerをPCへインストールして、問題が解決しました。
仕組みがいまいちわかりませんが、便利なものがあるのですね。
ありがとうございました。