> For the complete documentation index, see [llms.txt](https://sharinghub.kittenbot.hk/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sharinghub.kittenbot.hk/functional_modules/sugar/sugarcam/remotecontrol/stream.md).

# Sugar Cam功能教學: 網頁圖傳及遙控

### 網頁圖傳控制

在這個遙控模式之下，可以在網頁看到實時影像。

<figure><img src="/files/QWWh4nqHaTYB0t7t3V2u" alt=""><figcaption></figcaption></figure>

在瀏覽器輸入Sugar Cam的IP地址+:80。例如我的模組IP地址是192.168.0.162的話我就輸入192.168.0.162:80。

```
網頁圖傳同時最多支援1個設備。
```

<figure><img src="/files/Cc4yHisWKyjvTWHttgjX" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/fOpODSt13mkDCIU1f9F9" alt=""><figcaption></figcaption></figure>

在頁面上有數個控制鍵，按下按鍵會觸發串口指令。請根據以下表格編寫接收程式。

| 按鍵名稱 | 觸發串口指令     |
| ---- | ---------- |
| 上    | CMD\_UP    |
| 下    | CMD\_DOWN  |
| 左    | CMD\_LEFT  |
| 右    | CMD\_RIGHT |
| 功能鍵1 | CMD\_FUNC1 |
| 功能鍵2 | CMD\_FUNC2 |

### Micro:bit參考程式

{% embed url="<https://makecode.microbit.org/_DLxCC2KWoPyC>" %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://sharinghub.kittenbot.hk/functional_modules/sugar/sugarcam/remotecontrol/stream.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.