微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决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 举报,一经查实,本站将立刻删除。