Block Programmingからhtml/javascript変換したらカメラが起動しない＠Windows10

[AraiV]

■手順
１．ブロックPG画面で、簡単なもの（顔が映ったらバナナと話す）を作る
２．動作確認：OK（カメラも起動し、顔が映ればバナナと言う）
３．ツール＞コードを見る＞コードをコピー＞従来のPG画面に張り付け
４．実行してもカメラが立ち上がらず
→Block Program running...のままカメラは出ない

■環境
Windows10（カメラ付き）

今のままだと
ブロックPGで大まかに作成→スクリプトで変更

ということが出来ないのですが、コピーしたコードではカメラは動かないのでしょうか？

■コード
（スクリプト以降を抜粋）

<script>
(async function(){
var obniz;

obniz = new Obniz('XXXXX');
await obniz.connectWait();
obniz.display.clear();
await _ai.startCamWait();
while (true) {
await ObnizUI.Util.wait(0);
if (_ai.isFaceInside()) {
obniz.display.print('Banana')
await _ai.say('バナナ');
await ObnizUI.Util.wait(5000);
obniz.display.clear();
}
}

await _ai.say('Hello');

})();
</script>
</body>
</html>

[Yuki Sato]

@AraiV こんにちは。遅くなってすいません。
おそらくセキュリティ機能によりカメラが使用できなくなっています。
ブラウザはhttpsのサイトでないとカメラを使わせてくれないのですが、htmlのプログラムページとその実行画面はhttpで開かれています(local connectという機能のための措置です)

「ツール」より「新しいタブで開く(https)」をクリックしてもらえればhttpsとしてhtmlが開かれ、カメラが使えるかと思います。

こちらで一度お試しください。
よろしくお願い致します。

[AraiV]

@Yuki-Sato
ご回答いただきありがとうございました。
（返信が遅くなってしまい大変申し訳ありません）

教えて頂いた方法でカメラを使うことが出来ました。

下記備忘録まで。
１．ブロックプログラミングをする
２．「コードをみる」でコードを表示
３．新規WepAppでコーディング画面を開く
４．２のコードを張り付ける
５．保存
６．ツール＞「新しいタブを開く（htpps)」で実行
７．カメラが起動できる

[Yuki Sato]

@AraiV ご連絡ありがとうございます。動いたとのことでよかったです！