从文件服务器读取音视频文件,以流的方式传给前台,并能够播放视频。
做了一个demo,用html5的video,audio标签实现。
后台实现代码:
public boolean getVideos(String id, HttpServletRequest request, HttpServletResponse response){
boolean res = false;
response.reset();
//获取从那个字节开始读取文件
String rangeString = request.getHeader("Range");
VideoFileDetails videoSource = videoMapper.selectById(id);//根据id获取文件对象
try {
//获取响应的输出流
OutputStream outputStream = response.getOutputStream();
StringBuffer sb =new StringBuffer(upLoadPath); //upLoadPath是服务器文件根路径
sb.append("/").append(videoSource.getFilePath());
File file = new File(sb.toString());//此处是完整文件路径
if(file.exists()){
RandomAccessFile targetFile = new RandomAccessFile(file, "r");
long fileLength = targetFile.length();
//播放
if(rangeString != null){
long range = Long.valueOf(rangeString.substring(rangeString.indexOf("=") + 1, rangeString.indexOf("-")));
//设置内容类型
response.setHeader("Content-Type", "video/mp4");
//设置此次相应返回的数据长度
response.setHeader("Content-Length", String.valueOf(fileLength - range));
//设置此次相应返回的数据范围
response.setHeader("Content-Range", "bytes "+range+"-"+(fileLength-1)+"/"+fileLength);
//返回码需要为206,而不是200
response.setStatus(HttpServletResponse.SC_PARTIAL_CONTENT);
//设定文件读取开始位置(以字节为单位)
targetFile.seek(range);
}else {//下载
//设置响应头,把文件名字设置好
response.setHeader("Content-Disposition", "attachment; filename="+videoSource.getFileTitle() );
//设置文件长度
response.setHeader("Content-Length", String.valueOf(fileLength));
//解决编码问题
response.setHeader("Content-Type","application/octet-stream");
}
byte[] cache = new byte[1024 * 300];
int flag;
while ((flag = targetFile.read(cache))!=-1){
outputStream.write(cache, 0, flag);
}
}else {
String message = "file:"+videoSource.getFileTitle()+" not exists";
//解决编码问题
response.setHeader("Content-Type","application/json");
outputStream.write(message.getBytes(StandardCharsets.UTF_8));
}
outputStream.flush();
outputStream.close();
} catch (FileNotFoundException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}
return res;
}
controller如下: 注意:返回类型不能包装,文件流通过response返回给前端
@AutoLog(value = "后端推流")
@ApiOperation(value="后端推流", notes="后端推流")
@GetMapping(value = "/getVideos")
public void getVideos(@RequestParam(name="id",required=true) String id,
HttpServletRequest request,HttpServletResponse response
) {
boolean res = videoFileDetailsService.getVideos(id,request,response);
}