Cast 基础知识
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
如果您不熟悉 Cast 术语和概念，请在查看设计核对清单之前先查看
Cast 词汇表。
在开始投放会话之前，发送设备（例如手机或平板电脑）和接收设备（例如插入电视的 Chromecast）都必须连接到同一 Wi-Fi 网络。
用户可以通过以下两种方式开始投屏会话：
1. 连接并播放：先连接到 Web 接收器，然后再播放内容，
内容从头开始播放
2. 播放和连接：在播放内容时连接到 Web 接收器，内容会在 Web 接收器上从发送设备上的当前位置开始播放
1. 连接并畅玩
Android
点按移动设备上的“投放”按钮，
投放主屏幕
选择接收者
Web 接收器应用加载
播放内容
Web Receiver 正在播放内容
iOS
点按移动设备上的“投放”按钮，
投放主屏幕
选择接收者
Web 接收器应用加载
播放内容
Web Receiver 正在播放内容
Chrome
点按移动设备上的“投放”按钮，
投放主屏幕
选择接收者
Web 接收器应用加载
播放内容
Web Receiver 正在播放内容
2. 畅玩游戏，联系交流
Android
播放内容
投放主屏幕
点按移动设备上的“投放”按钮，
投放主屏幕
选择接收者
投放主屏幕
已连接到 Chromecast
Web Receiver 正在播放内容
iOS
播放内容
投放主屏幕
点按移动设备上的“投放”按钮，
投放主屏幕
选择接收者
Web Receiver 正在播放内容
Chrome
播放内容
投放主屏幕
点按移动设备上的“投放”按钮，
投放主屏幕
选择接收者
Web Receiver 正在播放内容
在 Chromecast 上，当没有发送设备连接时，系统会显示包含照片、时间和设备状态的主屏幕。当 Web Receiver 应用停止运行时，系统会显示主屏幕。
如需详细了解 Web 接收器应用如何停止运行，请参阅：
Android
发送者已断开连接
投放主屏幕
iOS
发送者已断开连接
投放主屏幕
Chrome
发送者已断开连接
投放主屏幕
本设计指南中使用的图片由 Blender Foundation 提供，并根据版权或知识共享许可进行分享。
- Elephant's Dream：（c）版权所有 2006，Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org
- Sintel：(c) 版权所有 Blender Foundation | www.sintel.org
- 钢铁之泪：(CC) Blender Foundation | mango.blender.org
- 《大雄兔》：(c) 版权所有 2008，Blender Foundation / www.bigbuckbunny.org
如未另行说明，那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可，并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情，请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC)：2025-07-26。
[null,null,["最后更新时间 (UTC)：2025-07-26。"],[[["\u003cp\u003eSender and receiver devices must be on the same Wi-Fi network to initiate a Cast session.\u003c/p\u003e\n"],["\u003cp\u003eUsers can start a Cast session using either "Connect & Play" where content starts from the beginning, or "Play & Connect" where content resumes from its current position.\u003c/p\u003e\n"],["\u003cp\u003eChromecast displays a home screen when idle or no sender devices are connected.\u003c/p\u003e\n"],["\u003cp\u003eThis guide uses images courtesy of the Blender Foundation, under copyright or Creative Commons license.\u003c/p\u003e\n"]]],[],null,["# Cast Basics\n\nIf you're not familiar with Cast terminology and concepts, review the [Cast Glossary](/cast/glossary) before going through the Design Checklist. \n\nBefore a Cast session can begin, both the sender device (for example, a mobile phone or tablet)\nand the receiver device (for example, a Chromecast plugged into a TV) must be connected to the\nsame Wi-Fi network.\n\n[Cast sequence](#cast-session-sequence)\n---------------------------------------\n\n\nThere are two ways users can start a Cast session:\n\n\n**1. Connect \\& play:** Connect to a Web Receiver before playing content,\ncontent starts from the beginning\n\n\n**2. Play \\& connect:** Connect to a Web Receiver while playing content,\ncontent starts on the Web Receiver at its current position on sender device \n\n### 1. Connect \\& play\n\n### Android\n\nTap the Cast button \nCast home screen \nSelect a receiver \nWeb Receiver app loading \nPlay the content \nWeb Receiver playing content \n\n### iOS\n\nTap the Cast button \nCast home screen \nSelect a receiver \nWeb Receiver app loading \nPlay the content \nWeb Receiver playing content \n\n### Chrome\n\nTap the Cast button \nCast home screen \nSelect a receiver \nWeb Receiver app loading \nPlay the content \nWeb Receiver playing content \n\n### 2. Play \\& connect\n\n### Android\n\nPlay the content \nCast home screen \nTap the Cast button \nCast home screen \nSelect a receiver \nCast home screen \nCast connected \nWeb Receiver playing content \n\n### iOS\n\nPlay the content \nCast home screen \nTap the Cast button \nCast home screen \nSelect a receiver \nWeb Receiver playing content \n\n### Chrome\n\nPlay the content \nCast home screen \nTap the Cast button \nCast home screen \nSelect a receiver \nWeb Receiver playing content \n\n[Cast home screen](#cast-home)\n------------------------------\n\nOn Chromecast, a home screen with photos, time and device status appears when no sender devices\nare connected. When Web Receiver apps stop running, the home screen is shown.\n\nFor more information about how Web Receiver apps stop running, see:\n\n- [Cast dialog, while casting](/cast/docs/design_checklist/cast-dialog#sender-cast-menu-casting)\n- [Sender stops cast](/cast/docs/design_checklist/sender#sender-control-end)\n- [Web Receiver app idle](/cast/docs/design_checklist/receiver#receiver-ui-idle)\n- [Web Receiver paused](/cast/docs/design_checklist/receiver#receiver-ui-pause)\n\n### Android\n\nSender disconnected \nCast home screen \n\n### iOS\n\nSender disconnected \nCast home screen \n\n### Chrome\n\nSender disconnected \nCast home screen \n\n\u003cbr /\u003e\n\n**Images used in this design guide**\nare courtesy of the Blender Foundation, shared under copyright or Creative Commons license.\n\n- Elephant's Dream: (c) copyright 2006, Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org\n- Sintel: (c) copyright Blender Foundation \\| www.sintel.org\n- Tears of Steel: (CC) Blender Foundation \\| mango.blender.org\n- Big Buck Bunny: (c) copyright 2008, Blender Foundation / www.bigbuckbunny.org"]]
