如何在 react-player 中预览视频上传？

Question

我有一个文件类型的输入，它允许我的用户上传文件类型的视频文件。在我的应用程序中，还存在 react-player 组件，它根据其文档采用可以是数组或 MediaStream 类型的 URL 道具。做了一些研究后，我发现以下方法可以将文件转换为与 react-player 兼容的 URL，但是它已被贬值，所以我不想使用它。

URL.createObjectURL(file)

这将返回 blob 或文件对象的 URL。我看到这已被替换为将 MediaStream 传递给 video.srcObject() 但我不知道如何将文件转换为类型 MediaStream 和 srcObject() 似乎是访问 react-player 的一种骇人方式，它公开了相同的 URL目的，还需要一个 MediaStream。总结一下如何上传带有文件类型输入的视频以在 react-player 组件中预览？

Answer 1

原来 URL.createObjectURL() 仅在 MediaStreams 中被贬值，因此您可以继续将其用于 Blob 和文件类型。