Vaadin 14 带有录音功能的Typescript组件

Vaadin 14 Typescript component with sound recording ability

我试图创建一个简单的 Vaadin 组件(如 Button)来响应按下和释放事件。在新闻发布会上,它必须从麦克风开始录音,在发布时,它必须将录制的数据上传到后端。我认为上传的好选择是使用 Upload Vaadin 组件。我在页面上找到了如何记录和播放记录数据的示例,但我找不到如何开始使用上传组件收集数据的方法。而且我不确定如果为 Vaadin 14 + Lit 创建组件,它将在下一个 LTS 版本中有用。请指出如何开始开发我的组件。

找到录音的 npm:link

创建 Lit 组件:link

或者可能还有一些其他的可能性,比如自定义 StreamResource,它会在不使用上传的情况下将记录的数据从浏览器发送到后端 class?

找到了不错的项目并制作了一些更改的副本:link