node.js - 如何在通过multer上传视频的html视频标签中播放mp4视频

Question

我必须在我的网站上播放视频。视频是通过带有 node.js 的 multer 和快速框架上传的。文件正在插入数据库和指定的文件夹(文件名如 1b47c24b20cc2465fbcb395fd1a9dfb4)。我也在上传图片并且它正确显示但是视频没有播放。

这是我的html代码

<div class="form-group">
<label>Upload image</label>
<input type="file" name="file" id="file" ng-model="testimonial.file" ngf-select ngf-max-size="25MB" required">
<img ng-src="/images/{{testimonial.image.filename}}" width="49" height="49" ng-model="testimonial.file" /><br/>
<label>Upload video</label>
<input type="file" name="video" id="video" ng-model="testimonial.video" ngf-select ngf-max-size="25MB" required">
<video width="320" height="240" controls>
<source src="/images/{{testimonial.video.filename}}" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
</div>  

请帮我找出解决办法。什么是 .ogg 文件我如何在上传视频时生成？

Answer 1

遗憾的是，要在不同的浏览器中显示视频，您需要不同的视频扩展。您可以在此处找到跨浏览器支持的视频格式列表 https://www.w3schools.com/html/html5_video.asp因此，您还需要将后端的视频转换为两种缺少的格式(如果您想支持所有浏览器)。如果(如您所说)正在下载视频而不是显示内置播放器，则意味着您的浏览器不支持这种特定的视频格式。

幸运的是，您可以在您的服务器机器上安装 ffmpeg 并使用包装器库对其进行解析。

关于障碍的建议——如果没有任何改变，当文件被解析但没有保存在硬盘驱动器上时，库通常会返回“完成”，因此您不能立即访问它，但会有 ms 的延迟。