Java实现视频预览

Java实现视频预览

直接上代码

	/**
     * 获取视频流
     * @author 欧阳锋feng
     * @Date 2022-10-09
     */
    @ApiOperation(value = "获取视频")
    @GetMapping("/getVideo/{fileId}/{fileSuffix}")
    public void getVideo(HttpServletResponse response, @PathVariable("fileId") String fileId, @PathVariable("fileSuffix") String fileSuffix) {
        if (!"mp4".equals(fileSuffix)) {
            throw new ServiceException("在线查看视频暂且支持MP4格式!!!");
        }
        response.reset();
        response.addHeader("Access-Control-Allow-Origin", "*");
        response.addHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE");
        response.addHeader("Access-Control-Allow-Headers", "Content-Type");
        InputStream inputStream = null;
        OutputStream outputStream = null;
        try {
            outputStream = response.getOutputStream();
            inputStream = minioTemplate.view((fileId + "." + fileSuffix));
            response.setHeader(HttpHeaders.CONTENT_TYPE, "video/mp4");
            int d;
            byte[] b = new byte[1024];
            while ((d = inputStream.read(b)) != -1) {
                outputStream.write(b, 0, d);
            }
            outputStream.flush();
        } catch (Exception e) {
            e.printStackTrace();
            throw new ServiceException("视频播放失败");
        } finally {
            try {
                if (outputStream != null) {
                    outputStream.flush();
                    outputStream.close();
                }
                if (inputStream != null) {
                    inputStream.close();
                }
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
    }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Vue.js 是一种流行的 JavaScript 前端框架,它提供了一种灵活、高效的方式来构建用户界面。而 Java 是一种强大且广泛使用的编程语言,特别适合于构建大规模、复杂的应用程序。 在使用 Java 构建后端服务器时,我们可以使用 Vue.js 来开发前端页面,并通过前后端的接口进行数据交互。这种组合可以实现前后端的分离,提高开发效率和团队协作。 对于预览视频功能,Vue.js 提供了丰富的 UI 组件和功能,可以方便地实现视频预览和播放。首先,我们可以使用 Vue.js 的路由功能来创建一个视频列表页面,展示所有可供预览视频,并为每个视频添加点击事件。当用户点击某个视频时,我们可以使用 Vue.js 的响应式数据绑定,将选中的视频信息存储在 Vue 实例中,并根据选中视频的 ID 在后端获取具体的视频资源。 在视频预览页面中,我们可以使用 Vue.js 的绑定语法和条件渲染来动态显示视频画面。通过调整源视频文件路径、设置视频大小、添加播放控制等,我们可以实现视频预览效果。此外,Vue.js 还提供了一些插件或第三方库,如 video.js,在实现视频预览功能时起到了很大的辅助作用。 总结来说,使用 Vue.js 前端框架可以方便、高效地预览视频。我们可以借助 Vue.js 的路由、响应式数据绑定和条件渲染等功能,结合后端 Java 的数据接口,实现视频列表的展示和预览,为用户提供良好的交互体验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

欧阳锋feng

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值