如何使用文件系统访问 API 获取视频的 src？答案

【问题标题】：how to get the src for a video with File System Access API?如何使用文件系统访问 API 获取视频的 src？
【发布时间】：2021-05-06 19:29:01
【问题描述】：

使用新的文件系统访问 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

【问题讨论】：

标签： javascript html file system browser-nativefs

【解决方案1】：

我通过将视频源分配给：

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

【讨论】：