从本地路径读取视频答案

【问题标题】：Read Videos from local path从本地路径读取视频
【发布时间】：2019-02-12 23:27:50
【问题描述】：

我目前正在使用 asp mvc 方法，想知道是否可以使用 c# 作为后端在本地路径中读取视频。是否有任何建议的参考代码如何获取视频。如果这可能的话，我正在考虑创建一个 c# 代码来获取视频，然后使用 ajax 来获取它，然后传递给我的 html 来显示。

任何建议/cmets TIA。

这里的临时代码是我的工作代码，但这次视频是从名为“内容”的项目文件夹中加载的，我的目标是从我的本地驱动器 C 中放置视频：

 <video id="video" controls preload="metadata" style="width:100%; height:100%">
        <source src="~/Content/Videos/main.mp4" type="video/mp4">
      @*<source src="C:/www/myProj.com/Content/Videos/main.mp4" type="video/mp4"> -----I want to read the video from this path   *@                   
  </video>

【问题讨论】：

见Read local XML with JS
可以使用<input type="file">获取本地文件。
我认为这不会解决我的问题。因为用户将访问它到我的本地路径，就像即插即用或视频链接一样
“用户将访问我的本地路径”是什么意思？不是你自己的用户？
就像客户端-服务器一样。视频将放置在服务器的本地路径上，然后用户将访问它。

标签： javascript c# asp.net ajax

【解决方案1】：

您可以使用<input type="file">、change 事件选择本地文件，并使用FileReader、URL.createObjectURL() 创建指向File 对象的Blob URL

const input = document.querySelector("input[type=file]");
const video = document.querySelector("video");
let url;

input.addEventListener("change", function(event) {
  const file = input.files[0];
  if (url) {
    URL.revokeObjectURL(url)
  }
  url = URL.createObjectURL(file);
  video.src = url;
})

<input type="file" accept="video/*">
<video controls></video>

【讨论】：

这实际上很棒，但问题是每个用户都会选择视频路径所在的位置。如果没有更多选项可以选择并且已经声明了路径：“C：/www/myProj.com/Content/Videos/main.mp4”并且它会自动播放
autoplay 浏览器策略最近已更改Autoplay Policy Changes，尽管用户点击Browse.. 或Choose file.. 的操作应该允许在设置src 后播放媒体。您可以使用 FileReader.prototype.readAsDataURL() 在本地将本地媒体转换为 data URL，并使用设置为 data URL 的 <video> src 提供 HTML。
我正在尝试删除输入并放置硬编码路径，但出现多个错误。你能给我看看工作代码吗？
不允许加载本地资源：file:///C:/video/local.mp4
@Rockn'Roll 你读过链接的问题和答案吗？从不同的协议发出请求，例如，从具有http: 或https: 协议的document 向file: 协议发出请求是浏览器默认阻止的跨域请求。考虑一个允许在不通知用户的情况下从用户的本地文件系统请求任何资源的脚本。在 Chromium/Chrome 中，应该可以更改首选项或策略以允许从 file: 协议请求文件。为避免用户更改其偏好或政策，您可以使用<input type="file"> 元素。