

Tutorial

介绍

CodeLab Adapter 接入 Teachable Machine

• 安装CodeLab Adapter
• 安装Chrome 浏览器
  • 目前 Scratch 官方团队在陆续支持更多浏览器版本，现阶段使用 Firefox/Chrome 浏览器效果最佳.
  • 建议将其设为默认浏览器.

步骤 1：打开 Codelab Adapter

双击打开 Codelab Adapter。

Codelab Adapter 启动之后，将打开默认浏览器。

步骤 2：打开 Teachable Machine

Longan团队已经将Teachable Machine部署到国内: Longan Teachable Machine, 并且内置支持CodeLab Adapter， 开箱可用！

提醒

海外用户参考文末操作

表示已经将 Teachable Machine 接入 CodeLab Adapter 了。

接下来，可以开始你的 Teachable Machine 之旅途。 我们来展示一个例子。

步骤 3：打开 Codelab Scratch3

点击 Web UI 上的scratch3链接, 或者点击这儿, 将打开如下页面:

图中箭头所指的小圆点呈现绿色 说明 Codelab Adapter 与 Scratch3.0 的连接正常

接着在 Scratch 中拿到 Teachable Machine 的训练结果，构建一个简单应用。

在线打开它 tm_scratch_demo

Tips

来自Teachable Machine的消息，源源不断流过来，有时候你并不希望重复触发同一件事。可以参考以下例子 Scratch-tm-latest-class 。

提醒

Teachable Machine 的网页不能在后台运行，需要和 Scratch 一起并列在桌面上，否则程序不会运行。

海外用户

如果你是海外用户，建议使用 Google 官方的 teachablemachine， 你需要搭配以下插件。

安装 Chrome 浏览器插件：Tampermonkey。

点击安装 Tampermonkey 脚本 Teachablemachine_Result.user.js。

运行Adapter之后如何页面弹出，已连接Adapter，则说明一切正常