【问题标题】:Display web sites and web apps with Chromecast使用 Chromecast 显示网站和网络应用程序
【发布时间】:2014-03-23 14:21:34
【问题描述】:

Chromecast 能否用于显示网站或网络应用?到目前为止,我看到的所有示例发送者/接收者都展示了如何播放视频。到目前为止发布的文档尽可能少,只是一个 API 参考,几乎没有解释它的作用。我只想发送一个我选择的 URL 并将该页面显示在电视上。在那之后不需要用户交互。假设这是可能的,是否有人为此提供了示例 Chrome 发送器和接收器代码?

【问题讨论】:

    标签: google-cast chromecast


    【解决方案1】:

    可以想象编写一个自定义接收器,它有一个 iframe 来包装任何网站。然后,您的发件人可以将网页发送给您的收件人,并且 onLoad 将设置 iframe 的 URL。没有任何代码,但写起来相当简单。

    【讨论】:

    • 不幸的是,我认为这违反了 ToS :(
    • @pushmatrix 你知道 ToS 中的哪个地方说这会违反吗?
    • @pushmatrix 我想​​你指的是“你必须采取适当的步骤来确保你的应用程序不能被调用来启动你不负责的内容”,这将禁止投射用户指定的内容网址。
    【解决方案2】:

    我能够修改Github sample Project > googlecast/CastHelloText-chrome 显示网页。

    • receiver.html 文件中,我将DIV 替换为IFRAME,并将其设置为100% 的宽度和高度。
    • 然后在displayText() 函数中我将innerHTML 更改为src
    • 对发送方chromehellotext.html 所做的唯一修改是将YOUR_APPLICATION_ID 替换为通过注册接收方创建的应用ID。

    请注意,某些网站(如 Google 和 Yahoo)不会显示在 iframe 中。如果您真的需要这样做,您可以跳过 iframe,只需将 window.location.href 设置为 URL。当然,这会覆盖您的接收器代码,因此更改 URL 的唯一方法是先手动断开连接并重新加载。我尝试改用window.open,但没有奏效。

    【讨论】:

    【解决方案3】:

    从当前答案中提供额外信息,因为这篇文章在大多数搜索中都排在首位。

    要搜索的是数字标牌,这是一种行业词汇。

    遵循 GreenScreen Chromecast 可以正常工作。 Greenscreen

    主机解决方案是Sign Simple - 这看起来与 Greenscreen 相同,无需您托管接收器网页。

    可以找到使用 Raspberry Pi 的类似托管解决方案。

    注意:使用 GreenScreen 和 CastHelloText,我无法仅获得 720p 的 1080p,一些 cmets 仅提及 1080p 的视频,但 720p 的图像,我认为这也是指 html 页面。

    【讨论】:

      【解决方案4】:

      hellotext sample 有一个简单的方法可以做到这一点。您可以通过在文本字段中键入来发送 html。

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

      【讨论】:

        【解决方案5】:

        Chromecast 确实可以用来显示任意 URL。

        这可以通过普通的旧 Chrome 使用“url-cast-receiver”来完成。 (Usable 'demo' page, GitHub project page.)

        【讨论】:

        • 我的网站有一个登录页面,并且 chromecast 在投射时不会通过此页面。有没有办法将登录的会话与发送的 URL 同步?
        • @Grasper 我相信 Chrome 浏览器支持“镜像”到 Chromecast,但这是一个视频流,它不仅仅是控制 Chromecast。要正确支持 Chromecast,我相信您别无选择,只能将其构建到网站本身中。有可用于 Chromecast 开发的教程。
        猜你喜欢
        • 2011-01-31
        • 1970-01-01
        • 2013-10-23
        • 2018-11-25
        • 2015-01-11
        • 2015-07-19
        • 1970-01-01
        • 1970-01-01
        • 2014-08-13
        相关资源
        最近更新 更多