如何获取具有文件系统访问权限 API 的视频的 src？

Question

使用新的文件系统访问 API 选择文件夹时，我想列出带有 HTML 标签的视频。但是我无法从文件句柄中获取源代码。

可以使用

从输入中读取视频

const blobUrl = URL.createObjectURL(droppedFiles[0])
this.$refs.video1.src = blobUrl

但是对于文件系统访问 API 我不能用同样的方法做：

async getVideo(FileHandle) {
  const file = await FileHandle
  return URL.createObjectURL(file)
}

来自 console.log，文件句柄是： File {name: "front.mp4", lastModified: 1600193856925, lastModifiedDate: Tue Sep 15 2020 20:17:36 GMT+0200 (Central European Summer Time), webkitRelativePath: "", size: 492148773, …}

PS：您可以使用文件系统访问 API

检查 complete example

Answer 1

我通过将视频源分配给：

解决了这个问题

const src = URL.createObjectURL(await fileHandle.getFile())

如何获取具有文件系统访问权限 API 的视频的 src？

how to get the src for a video with File System Access API?

javascript

html

file

system

browser-nativefs