从网络下载 HTML5 视频到 IOS 相机胶卷

Question

我有一个网站，可以让用户轻松上传视频，然后通过电子邮件/CRM 列表共享它们。本质上，我为每个视频创建一个网站/登陆页面，并且电子邮件链接到用户可以观看视频的网站/登陆页面。我希望添加一个“下载”按钮，以便在移动设备上观看或访问登陆页面的人们可以将视频保存到相机胶卷中以供以后观看。

我尝试了普通下载，但无法在移动设备上下载。

 <video src={videoURL} />
 <a href={videoURL} download>Download</a>

我希望下载会将用户带到一个新页面，用户可以在其中将视频保存到他们的相机胶卷中，但运气不佳。如何添加一个下载按钮，允许用户将视频保存到他们的 IOS 相机胶卷中？

Answer 1

我遇到了同样的问题，最终使用了这样的东西：

fetch(videoUrl)
    .then((response) => response.blob())
    .then((blob) => {
        const files = [new File([blob], fileName, { type: "video/mp4" })];
        navigator.share({ files });
    });

用户将看到包含视频的共享表，他们可以在其中选择保存视频：

我还为感兴趣的人写了一篇博客文章，其中包含更多详细信息：https://www.audjust.com/blog/video-exports-for-mobile-editing