前端代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>SpringBoot文件页面</title>
</head>
<body>
<video class="box" align="center" controls="controls" width="350px" heigth="350px" autoplay="autoplay">
<source src="http://localhost:8087/demo/video" type="video/mp4" class="">
</video>
</body>
后端代码
@GetMapping("/video")
public String video(HttpServletRequest request , HttpServletResponse response) throws Exception {
File file = new File("D:\\资料\\接着奏乐,接着舞.mp4");
InputStream in = new FileInputStream(file);
OutputStream outputStream = new BufferedOutputStream(response.getOutputStream());
byte[] buff =new byte[1024];
int n;
while((n=in.read(buff))!=-1){
outputStream.write(buff,0,n);
}
outputStream.flush();
outputStream.close();
in.close();
return "ok";
}
npm i video.js 执行命令
main.js中添加
import videojs from "video.js";
import "video.js/dist/video-js.css";
Vue.prototype.$video = videojs;