如何在React Player中预览视频上传?

问题描述

我有一个类型为file的输入,它允许我的用户上传类型为File的视频文件。在我的应用程序中,还存在一个react-player组件,该组件根据其文档采用URL属性,该属性可以为array或MediaStream类型。经过研究,我发现以下方法可以将File转换为与react-player兼容的URL,但是它已被贬值,所以我不希望使用它。

URL.createObjectURL(file)

这将返回Blob或文件对象的URL。我看到这已被传递MediaStream到video.srcObject()代替,但是我不知道如何将File转换为MediaStream类型,而srcObject()似乎是一种访问React-player的骇人方法,它公开了相同的URL目的,并且还需要MediaStream。总结一下如何上传带有文件类型输入的视频以在React Player组件中进行预览?

解决方法

结果证明URL.createObjectURL()仅对MediaStreams不推荐使用,因此您可以继续将其用于Blob和File类型。