如何在react播放器中预览视频上传



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

URL.createObjectURL(file)

这将返回blob或文件对象的URL。我看到这已经被传递一个MediaStream到video.srcObject((所取代,但我不知道如何将文件转换为MediaStream类型,而srcObject((似乎是访问react播放器的一种黑客方法,它会出于同样的目的公开其URL,并获取MediaStream。总结一下如何上传带有文件类型输入的视频,以便在react播放器组件中预览?

原来URL.createObjectURL((只对MediaStreams贬值,因此您可以继续将其用于Blob和File类型。

最新更新