Primefaces使用StreamedContent播放视频无法跳转进度问题求助

问题根源 #

进度条跳转失效的核心原因是DefaultStreamedContent默认不处理HTTP Range请求：

• 直接访问Azure URL时，服务器返回206 Partial Content，支持分段传输，浏览器可以请求视频的指定字节范围
• 使用DefaultStreamedContent时，默认返回200 OK，一次性发送完整视频流，忽略浏览器的Range请求头，导致跳转后服务器仍从头发送数据，浏览器被迫回退到当前播放位置

解决方案：自定义StreamedContent的write方法处理Range请求 #

需要手动解析HTTP Range请求头，从Azure的视频流中截取对应字节范围，返回符合要求的206响应。

步骤1：修改MediaPlayerBean，注入HttpServletRequest #

@Component
@Scope("request")
public class MediaPlayerBean {

    @Autowired
    private HttpServletRequest request;

    private StreamedContent video;

    public StreamedContent getVideo() { // 修正原代码的方法名，与EL表达式对应
        if (video == null) {
            fileLink();
        }
        return video;
    }

    public void fileLink() {
        try {
            String azureUrl = "你的Azure视频URL获取逻辑";
            int totalContentLength = "获取视频总长度的逻辑"; // 例如从Azure Blob属性中获取

            video = DefaultStreamedContent.builder()
                    .contentType("video/mp4")
                    .write((outputStream) -> {
                        // 处理Range请求
                        String rangeHeader = request.getHeader("Range");
                        if (rangeHeader != null && rangeHeader.startsWith("bytes=")) {
                            // 解析Range头，格式如 bytes=0-1023
                            String[] rangeParts = rangeHeader.substring(6).split("-");
                            long start = Long.parseLong(rangeParts[0]);
                            long end = rangeParts.length > 1 ? Long.parseLong(rangeParts[1]) : totalContentLength - 1;

                            // 设置206响应头
                            HttpServletResponse response = (HttpServletResponse) request.getServletResponse();
                            response.setStatus(HttpServletResponse.SC_PARTIAL_CONTENT);
                            response.setHeader("Accept-Ranges", "bytes");
                            response.setHeader("Content-Range", String.format("bytes %d-%d/%d", start, end, totalContentLength));
                            response.setContentLength((int) (end - start + 1));

                            // 从Azure流中跳过起始字节，读取指定范围的内容
                            try (InputStream inputStream = new URL(azureUrl).openStream()) {
                                // 跳过起始位置的字节
                                long skipped = 0;
                                while (skipped < start) {
                                    long skip = inputStream.skip(start - skipped);
                                    if (skip == 0) break;
                                    skipped += skip;
                                }

                                // 读取指定范围的字节到输出流
                                byte[] buffer = new byte[4096];
                                long remaining = end - start + 1;
                                while (remaining > 0) {
                                    int read = inputStream.read(buffer, 0, (int) Math.min(buffer.length, remaining));
                                    if (read == -1) break;
                                    outputStream.write(buffer, 0, read);
                                    remaining -= read;
                                }
                            }
                        } else {
                            // 无Range请求，返回完整视频
                            try (InputStream inputStream = new URL(azureUrl).openStream()) {
                                copyStream(inputStream, outputStream);
                            }
                        }
                    })
                    .build();
        } catch (Exception e) {
            throw new RuntimeException("加载视频失败", e);
        }
    }

    // 自定义流复制工具方法，无需依赖第三方库
    private void copyStream(InputStream in, OutputStream out) throws IOException {
        byte[] buffer = new byte[4096];
        int bytesRead;
        while ((bytesRead = in.read(buffer)) != -1) {
            out.write(buffer, 0, bytesRead);
        }
    }
}

步骤2：修正p:video标签的EL表达式 #

<p:video value="#{mediaPlayerBean.video}" controls="true" width="100%" player="mp4" cache="false"/>

关键说明 #

1. contentEncoding参数：MP4视频不需要设置该参数，视频本身已是压缩编码格式，设置contentEncoding（如gzip）会导致浏览器无法正确解析流，引发播放错误。
2. Azure URL权限：确保获取的带令牌Azure URL支持Range请求，Azure Blob存储默认支持，但需确认SAS令牌包含Read权限。
3. 资源泄漏处理：使用try-with-resources确保InputStream正确关闭，避免Tomcat资源泄漏。

验证效果 #

修改后，浏览器请求视频会返回206 Partial Content，响应头包含Accept-Ranges: bytes和Content-Range，进度条跳转功能即可正常工作。

内容的提问来源于stack exchange，提问作者MrChris