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

问题描述

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

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

除非您使用 chrome 之类的浏览器,否则这可以正常工作,该浏览器已弃用(我知道这是一个很好的理由,但该应用程序仅在本地应用)用于 url 中基本身份验证的 user:password 语法。此问题的一个可能解决方案是公开一个额外的端点并重定向到 JPEG 流。

由于我的后端已经被其他东西限制了,而且我有几个 JPEG 流要重定向,我很想直接在前端获取 JPEG 流。是否有任何解决方案可以以合理的性能实现这一目标?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)