web-dev-qa-db-ja.com

ChromecastでWebサイトとWebアプリを表示する

Chromecastを使用してWebサイトまたはWebアプリを表示できますか?これまでに見たすべてのサンプル送信者/受信者は、ビデオの再生方法を示しています。これまでに投稿されたドキュメントは、最小限のものであり、APIリファレンスであり、その機能の説明はほとんどありません。選択したURLを送信し、そのページをテレビに表示したいだけです。その時点以降、ユーザーの操作は必要ありません。それが可能であると仮定すると、誰かがそのためのサンプルChrome=送信者と受信者のコードを持っていますか?

24
kbriggs

Githubサンプルプロジェクト> googlecast/CastHelloText-chrome を変更してWebページを表示することができました。

  • _receiver.html_ファイルで、DIVIFRAMEに置き換え、幅と高さを100%に設定しました。
  • 次に、displayText()関数で、innerHTMLsrcに変更しました。
  • 送信者_chromehellotext.html_に加えられた唯一の変更は、_YOUR_APPLICATION_ID_を受信者の登録によって作成されたアプリIDに置き換えることでした。

GoogleやYahooなどの一部のサイトはiframe内に表示されません。本当に必要な場合は、iframeをスキップしてURLに_window.location.href_を設定するだけです。もちろん、それはレシーバーコードを上書きするため、URLを変更する唯一の方法は、最初に手動で切断してからリロードすることです。代わりに_window.open_を使用してみましたが、うまくいきませんでした。

17
kbriggs

任意のWebサイトをラップするiframeを持つカスタムレシーバーを作成することを想像できます。次に、送信者はWebページを受信者に送信し、onLoadはiframeのURLを設定します。コードはありませんが、書くのはかなり簡単です。

hellotext sample を使用して簡単に行うことができます。テキストフィールドに入力して、htmlを送信できます。

<iframe src="http://mywebpage.com" style="width:1280px;height:720px"></iframe>
4
Luis Gar

現在の回答から追加情報を提供するため、この投稿はほとんどの検索でほぼトップになります。

検索するのはデジタルサイネージで、これは業界の言葉の一種です。

次のGreenScreen Chromecastは問題なく動作します。 グリーンスクリーン

ホストソリューションは Sign Simple -受信者のWebページをホストする必要なく、Greenscreenと同じアプローチに見えます。

Raspberry Piを使用した同様のホスト型ソリューションが見つかります。

注意:GreenScreenとCastHelloTextを使用すると、1080pのみ720pを取得できませんでした。一部のコメントでは1080pのVideoのみに言及しましたが、720pの画像はHTMLページも意味します。

3
Maze