javascript - React + MaterialUI 显示带有身份验证的 JPEG 流

Question

我想在我的网站上显示几个 JPEG 视频流。目前我使用<CardMedia>material-ui 中的组件来显示视频：

<CardMedia component='img' image={http://usr:pw@/url.com/faststream.jpg} />

除非您使用像 chrome 这样的浏览器，否则这很好用，它已弃用（我知道有充分的理由，但该应用程序仅在本地应用）user:passwordurl 中基本身份验证的语法。此问题的一个可能解决方案是公开一个附加端点并重定向到 JPEG 流。

由于我的后端已经在限制其他事情，并且我有几个 JPEG 流要重定向，所以我很想直接在前端获取 JPEG 流。是否有任何解决方案可以以合理的性能实现这一目标？

标签： javascriptreactjsmaterial-uibasic-authenticationmjpeg