单击投射图标时如何显示可用的镀铬投射设备？答案

【问题标题】：how to show available chrome cast devices when cast icon is clicked?单击投射图标时如何显示可用的镀铬投射设备？
【发布时间】：2014-07-25 01:29:01
【问题描述】：

单击 chrome cast 图标时，我需要有关显示可用 chrome cast 设备列表的帮助。就像 youtube 所做的那样。见下图。

截至目前，当我单击 HTML5 应用程序上的投射图标时，Chrome 投射扩展上的设备选择弹出窗口，见下图。

我希望我的应用能够像 youtube 一样显示投射设备选择。你知道怎么做吗？

告诉我。谢谢。

【问题讨论】：

阅读developers.google.com/cast的文档
@AliNaddaf，是的，我已阅读文档。您希望我阅读哪一部分？... @ CommonsWare，我没有遇到任何问题，但我只是希望我的 HTML 应用程序能够像 youtube 一样工作，在单击投射图标时弹出一个 div 的地方。见上图。
@NinoPaolo 文档解释了如何在所有三个平台上设置演员图标，我们也有很多示例，所以我不明白你为什么在有大量材料的情况下问这个问题和样本已经这样做了。
嗨@AliNaddaf“如何设置演员图标”。问题是关于图片中的页面内 Chromecast 选择菜单，而不是 Chromecast 图标。 Netflix 和 YouTube 使用相同的菜单，因此它似乎是一个内置组件。而且它不在网站生成的范围内，因为它不知道可用的 Chromecast。 developers.google.com/cast/docs/chrome_sender 的文档似乎没有解释这个菜单是如何生成的。您能否确定文档中此菜单的解释位置。
我已经说过几次了，请阅读文档。您可以在此处找到有关 chrome 发送器的教程：developers.google.com/cast/docs/chrome_sender 如果这还不够，请获取适用于 iOS 发送器的示例项目之一，尝试并了解如何完成。除此之外，除非您开始尽自己的一份力量，否则我无法帮助您。

【解决方案1】：

根据 chromecast 文档：

在chromecast弹窗中选择设备后才能获取receiver名称，所以执行了这个函数：function onRequestSessionSuccess(e){...}

所以，我探索了返回的对象，恰好在属性中：e.receiver.friendlyName

希望对你有所帮助:)

【讨论】：

【解决方案2】：

“扫描”和“设备”发现的示例协议位于此节点 project

在这些课程中：

lib/device.js

lib/scanner.js

一些示例输出：

rob@ nodecastor$ bin/chromecast discover

info: + borneoTV (192.168.1.141:8009) [8235f790a1597865d6d2be26728282dc]

由于您使用 JS，也许节点的东西可以帮助您？

【讨论】：