时间戳

首页 > 解决方案 > 如何使用文件系统访问 API 获取视频的 src？

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

问题描述

使用新的文件系统访问 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查看完整示例

标签： javascripthtmlfilesystembrowser-nativefs

解决方案

我通过将视频源分配给：

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

推荐阅读