【问题标题】:Playing a locally saved video in Angular在 Angular 中播放本地保存的视频
【发布时间】:2021-10-18 19:03:12
【问题描述】:

我正在构建一个小型 Angular 应用程序,用户应该能够在其中查看本地保存的视频集合并保存该集合,以便稍后重新观看这些视频。视频的路径保存在 JSON 文件中,这意味着我只能访问这样的路径字符串:

C:\我的视频\UploadedVideo.mp4

将此路径传递给 video-HTML-element 的 src 不允许我播放它。我已经看到使用输入元素并将文件传递给视频元素的解决方法,但这在我的情况下不起作用,因为我有文件路径并且不希望用户重新选择视频一遍又一遍。

【问题讨论】:

  • 如果您尝试将src 路径设为:file:///C:/My%20Videos/UploadedVideo.mp4,会发生什么?

标签: javascript angular typescript html5-video local-files


【解决方案1】:

您无法在浏览器中使用系统路径。

你有两个选择:

  • 将您的视频添加到 Angular 中的 Assets 文件夹

  • 将视频放到网上
    例如:在 Amazon S3 上为此类文件创建存储桶并通过存储桶链接访问它)。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-06-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多