Windows で Webサイト(HTML+JS) でデジタルサイネージをする簡単な方法

(Comments)

Webサイト上のWebアプリとしてダッシュボードや広告スライドショーを作っていて、それを Windows のデジタルサイネージに表示する方法。

方法はいくつかあるが、結論として今回は、

「普通のWindows ユーザーを作って、キオスクモードオプションを指定した Chrome のショートカットをスタートアップに入れる」

という方法にした。

いくつかの方法

A. キオスク専用のユーザーを作る方法

Windows では、「キオスクモードを設定する」とか「割り当てられたアクセス」とよばれる機能。

フルスクリーンで動作する、単一のアプリのみを起動するユーザーを作れる機能が Windows にすでにある。

機能的にはいちばんセキュアだが、Web サイトをキオスクにするのは難しい。

標準機能がいくつか用意されているのに難しい。

A1. キオスクモード + Edge のキオスクモード

うってつけの機能が Windows 標準で用意されている。

キオスクモードのユーザー(割り当てられたアクセス) を作る際、Edge を選択すると、

起動時のURLはどこにするかとか、何分ごとにセッションをリセットするかとか聞いてくる。

だが、この機能は Edge が Chromium エンジンになってから、Edge 自体がキオスクモード内で起動できなくなったため使えない。

キオスクモード起動時に、「アプリを起動できませんでした。 Ctrl + Alt + Del 云々 0xffffffff 」というエラーメッセージだけの画面になり何もできない。

この問題のディスカッション:

https://docs.microsoft.com/en-us/answers/questions/204877/assigned-access-will-not-start.html

https://answers.microsoft.com/ja-jp/windows/forum/all/windows10-pro/9e37d1f5-2694-4e1e-99ce-8158bcdb6054

明快な解決方法も無いようだ。諦める。

A2. キオスクブラウザを使う

キオスクモード用の、Kiosk Browser というアプリが WIndows のストアから提供されている。

これは、インストールされるとキオスクのユーザーで起動することができる。

ただし、初期URL の指定が難しい。

アプリをインストールしただけでは、初期URLを設定できない。

どうやって設定するかというと、

Kiosk Browser + Windows ADK (アセスメント & デプロイメントキット) の中に入ってる、イメージおよび構成デザイナー(ICD) というツールで作るらしい。設定を埋め込んだアプリ? か Windows イメージを作るもののようだ。

Download and install the Windows ADK

ちなみにツールは1GB ほどサイズがある上、構築が難しい。なんでweb を表示するだけなのにこんな手間をかけなければならないのかと思う。却下。

A3. 独自アプリをビルドする

WebViewを使うだけなら、Kiosk Browser + イメージおよび構成デザイナ を使うより、C#, ザマリン, Electron, Flutter など使って WebViewだけのアプリをビルドした方がよっぽど簡単な気がする。今回はやってないが。

B. 普通のユーザーを作って、普通のブラウザの「キオスクモード」をスタートアップで起動する

上記、A の「割り当てられたアクセス」のユーザーを作る方法よりよっぽど簡単。だが、普通のユーザーなので、アプリを閉じられたり、アプリがクラッシュして終了した場合、デスクトップにアクセスできたり別のアプリを起動することができる。そのためセキュリティは良くない。

目の届く範囲で、限られたユーザーで使う条件では問題無い。

B1. Edge のキオスクモード起動

Edge に「--kiosk <URL> --edge-kiosk-type=fullscreen」オプションをつけて起動するとキオスクモードになる。引数に指定したURLが最大化されて表示される。

今回やりたかった機能。これで全く問題無い。

Edge のキオスクモードのその他のオプションの解説

https://docs.microsoft.com/ja-jp/deployedge/microsoft-edge-configure-kiosk-mode#configure-using-windows-settings

Edgeのショートカットを作って、右クリックからプロパティを表示し、コマンドラインに上記オプションを追加。

Windows +R から shell:startup と入力し、スタートアップフォルダを表示して上記ショートカットを入れる。

これでOK。

Alt+Tab などの機能でアプリを終了できてしまう。目の届く範囲で、しかもキーボードを使わないサイネージ等の用途であれば、問題なさそう。

ただし、アプリ終了時にクッキーが消える。なのでログインセッションを継続できない。

もしログイン必須のページであれば、Chrome を使ったほうが良い。

B2. Chrome のキオスクモード起動

Chrome も、 --kiosk <URL> でキオスクモード起動ができる。Edge と見た目はまったく一緒。

Chrome の場合は、終了して再度起動してもクッキーは消えないので、ログイン必須のページであれば Chrome の方が良い。

今回は、ログインしたページでデジタルサイネージがしたかったので、 キオスクモードオプションを指定した Chrome を スタートアップに入れる方法にした。

Currently unrated

Comments

Recent Tweets

  • ytyng

    ytyng @ytyng

    apple developer の、テスト用デバイスのUDIDを1年ごとにチェックして、古い端末を消しちゃうやつ チェックボックスを入れたのを残すのか、消すのかの判断まちがって、全部のUDID消えたわ
    10 months, 3 weeks ago

  • ytyng

    ytyng @ytyng

    うちの会社 TORICO の 代表が今TV出てます #漫画全巻ドットコム #激レアさんを連れてきた
    11 months ago

  • ytyng

    ytyng @ytyng

    Proofpoint にブロックされているIPアドレスからでも icloud など Apple メールアドレスにメール送信されてもブロックされてない…?
    11 months, 3 weeks ago

Recent Posts

Archive

2021
2020
2019
2018
2017
2016
2015
2014
2013
2012
2011

Categories

Authors

Feeds

RSS / Atom