video:前端视频播放标签
可以设置视频显示的宽度高度
controls 属性规定浏览器应该为视频提供播放控件。
如果设置了该属性,则规定不存在作者设置的脚本控件。
poster 属性规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像。
也可以这么说,设置为auto后图像会铺满你设置的宽高
source标签:自动向后端指定url接口调取视频,type属性则设置视频格式
这次采用的是视频流的方式传输到前端播放,整体思路如下:
创建一个输入流(FileInputStream)在电脑系统文件中获取视频文件
然后创建一个int类型的变量,在输入流中通过available()方法获取视频的字节长度保存进变量
然后创建一个字节缓冲区,byte类型的数组,长度为刚刚取到的int类型
从HttpServletResponse中获取到输出流对象(getOutputStream方法)
然后通过输出流的write方法将制定的字节数组写入到输出流当中
记得要在HttpServletResponse中设置返回类型,(video/mp4),如果类型设置错误会导致视频无法播放
整体思路是这样,下面是图例
RequestMapper注解应该不用多说了。