解决前端视频组件不能快进的问题

最新推荐文章于 2024-02-21 17:11:29 发布

森木池鱼

最新推荐文章于 2024-02-21 17:11:29 发布

阅读量426

点赞数 1

分类专栏： Vue前端文章标签： java 前端

本文链接：https://blog.csdn.net/cscodeer/article/details/131898181

版权

Vue前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

因为我这Java后端返回的是文件流，不是视频地址，所以要给header设置Content-Range和Accept-Ranges，接口代码如下：

	@GetMapping("/fileStream")
	public void fileStream(String filename, HttpServletResponse response) throws Exception {

		File file = new File(uploadFolder+"/" + filename);

		if (!file.exists()) {
			log.error(filename + "文件不存在");
			return;
		}
		InputStream in = new FileInputStream(file);
		// 创建字节数组，数组大小为视频文件大小
		byte[] data = new byte[in.available()];
		in.read(data);
		response.setContentType("video/mp4");
		response.addHeader("Content-Disposition", "attachment;fileName=" + filename);
		response.setContentLength(data.length);
		response.setHeader("Content-Range", "" + Integer.valueOf(data.length - 1));
		response.setHeader("Accept-Ranges", "bytes");
		OutputStream os = response.getOutputStream();
		// 将视频文件的字节数组写入 response 中
		os.write(data);
		os.flush();
		os.close();
		in.close();
	}