关于前端video标签实现前后端视频流获取数据播放

video:前端视频播放标签


可以设置视频显示的宽度高度

controls 属性规定浏览器应该为视频提供播放控件。

如果设置了该属性,则规定不存在作者设置的脚本控件。

poster 属性规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像。

也可以这么说,设置为auto后图像会铺满你设置的宽高

source标签:自动向后端指定url接口调取视频,type属性则设置视频格式

这次采用的是视频流的方式传输到前端播放,整体思路如下:

创建一个输入流(FileInputStream)在电脑系统文件中获取视频文件

然后创建一个int类型的变量,在输入流中通过available()方法获取视频的字节长度保存进变量

然后创建一个字节缓冲区,byte类型的数组,长度为刚刚取到的int类型

从HttpServletResponse中获取到输出流对象(getOutputStream方法)

然后通过输出流的write方法将制定的字节数组写入到输出流当中

记得要在HttpServletResponse中设置返回类型,(video/mp4),如果类型设置错误会导致视频无法播放

整体思路是这样,下面是图例


RequestMapper注解应该不用多说了。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容