跳转至

pl-image-capture元件

为学生提供了一种使用本地摄像头(如网络摄像头)或外部设备(如手机或平板电脑摄像头)捕获并提交图像作为答案的一部分的方法。

样品元素

pl-image-capture 元件的屏幕截图

question.html
<pl-image-capture file-name="solution.jpeg" mobile-capture-enabled="true"></pl-image-capture>

定制

属性 类型 默认 描述
allow-blank 布尔 true 时,学生无需拍摄该元素的图像即可提交。当问题具有多个 pl-image-capture 元素并且学生可能不需要全部元素时(例如,某些学生将其作品放入比其他学生更少的图像中),这非常有用。
file-name 字符串 保存捕获的图像的名称。这必须以 .jpeg.jpg 结尾,并且在单个问题中是唯一的。
manual-upload-enabled 布尔 true时,学生可以单击“上传图像”上传已存储在设备上的JPEG或PNG图像。这对于在平板电脑上书写并将其作品导出为图像的学生特别有用。在大多数情况下,manual-upload-enabled 应为 false,以确保学生提交原创作品。
mobile-capture-enabled 布尔 真实 true时,学生可以点击“使用移动设备拍摄”,用手机或平板电脑扫描二维码,进入可以拍摄作品图像的页面。在大多数情况下,这个 mobile-capture-enabled 应该是正确的。

细节

pl-image-capture 元素对于捕捉纸上的手写作品特别有用,例如草图或逐步计算。

pl-image-capture 允许用户通过相机提交图像,无论是网络摄像头等本地设备还是手机或平板电脑相机等外部设备。用户可以通过使用相机拍摄新图像或从设备上传现有图像来提交(当 manual-upload-enabledtrue 时)。 pl-image-capture 不会将图像保存到其设备中。

AI评分支持pl-image-capture。手写的数学作业、图表、图表和任何其他自由格式的图像提交都可以自动评分。在 AI 评分文档 中了解更多信息。

单个问题页面可以包含多个 pl-image-capture 元素,每个元素独立操作并在其指定的 file-name 下保存文件。

在手动评分模式下,工作人员可以在提交面板中查看提交的图像,如果添加,则可以通过 pl-file-preview 元素查看,其中提交的图像将显示在其关联的 file-name 下。

默认情况下,mobile-capture-enabled 设置为 true。我们强烈建议对大多数问题启用移动捕获,以便学生轻松捕获高质量的图像。

在本地开发环境中使用移动设备捕获需要额外的设置。要在本地使用此功能,请参阅服务器配置指南的在本地设置外部图像捕获 部分。

示例实现

  • [元素/图像捕获]

参见