图像字幕生成
如果你想训练一个机器学习模型来为图片添加标题或替代文本,可以使用此模板收集关于图片的标题描述。
交互式模板预览
标注配置
<View>
<Image name="image" value="$captioning"/>
<Header value="Describe the image:"/>
<TextArea name="caption" toName="image" placeholder="Enter description here..." rows="5" maxSubmissions="1"/>
</View>
关于标注配置
所有标注配置必须包含在View标签内。
使用Image对象标签来指定需要添加说明的图像:
<Image name="image" value="$captioning"/>
您可以添加一个header来为标注者提供说明:
<Header value="Describe the image:"/>
使用 TextArea 控件标签提供一个5行的文本框,标注人员可以在其中输入标题:
<TextArea name="caption" toName="image" placeholder="Enter description here..." rows="5" maxSubmissions="1"/>
使用 placeholder 参数为标注者提供占位文本,可以展示示例或进一步说明。
增强此模板
您可以通过多种方式增强此模板。
添加固定标题栏,以便随时查看说明文字
如果您希望在标注界面上始终显示标注选项,即使需要在标注的图像或数据上滚动查看,可以使用View标签的样式来指定位置。
在这种情况下,将标题元素包裹在带有样式的View标签中:
<View style="padding: 0 1em; margin: 1em 0; background: #f1f1f1; position: sticky; top: 0; border-radius: 3px">
<TextArea name="caption" toName="image" placeholder="Enter description here..." rows="5" maxSubmissions="1"/>
</View>
CSS属性position: sticky; top: 0;使TextArea在标注者向下滚动查看任务时固定在屏幕顶部。其他样式选项在视觉上将包含文本框的界面部分与其余界面区分开来。