JSF应用中用PrimeFaces p:photoCam实现实时二维码识别求助

你已经搞定了静态照片的二维码读取，要改成实时识别其实只需要调整几个关键点——核心是让PrimeFaces的p:photoCam定时捕获摄像头画面，然后把捕获到的图片流直接传给你的Zxing逻辑处理，不用先存成文件。下面是具体的实现步骤：

1. 前端调整：配置p:photoCam实时捕获 #

首先在JSF页面里设置p:photoCam的捕获间隔，并且绑定一个后端监听方法来处理每一次捕获的画面：

<p:photoCam id="qrCam" widgetVar="qrCamWidget" 
            updateInterval="500"  <!-- 每500毫秒捕获一次画面 -->
            listener="#{qrCodeBean.handleCameraCapture}" />

<!-- 可选：添加开始/停止按钮控制识别 -->
<p:commandButton value="开始实时识别" onclick="PF('qrCamWidget').start();" />
<p:commandButton value="停止识别" onclick="PF('qrCamWidget').stop();" />

<!-- 显示识别结果 -->
<h:outputText value="识别到的内容：#{qrCodeBean.qrContent}" />
<p:messages autoUpdate="true" />

updateInterval可以根据你的需求调整，500ms是比较平衡的频率——既不会太卡，也能保证识别的实时性。

2. 改造Zxing读取方法：支持InputStream #

你原来的方法是读取文件路径，现在改成直接处理输入流，这样可以避免生成临时文件，效率更高：

import com.google.zxing.BinaryBitmap;
import com.google.zxing.MultiFormatReader;
import com.google.zxing.NotFoundException;
import com.google.zxing.Result;
import com.google.zxing.client.j2se.BufferedImageLuminanceSource;
import com.google.zxing.common.HybridBinarizer;

import javax.imageio.ImageIO;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.InputStream;
import java.util.Map;

public class QRCodeReader {
    public static String readQRCode(InputStream inputStream, String charset, Map hintMap) 
            throws IOException, NotFoundException {
        // 从输入流读取图片
        BufferedImage image = ImageIO.read(inputStream);
        // 转换成Zxing需要的BinaryBitmap
        BinaryBitmap binaryBitmap = new BinaryBitmap(new HybridBinarizer(
                new BufferedImageLuminanceSource(image)));
        // 解码二维码
        Result qrResult = new MultiFormatReader().decode(binaryBitmap, hintMap);
        return qrResult.getText();
    }
}

3. 后端Bean：处理捕获事件并识别 #

创建一个ViewScoped的ManagedBean，用来接收p:photoCam的捕获事件，调用改造后的读取方法，并处理识别结果：

import com.google.zxing.DecodeHintType;
import org.primefaces.event.CaptureEvent;

import javax.faces.application.FacesMessage;
import javax.faces.context.FacesContext;
import javax.faces.view.ViewScoped;
import javax.inject.Named;
import java.io.ByteArrayInputStream;
import java.io.IOException;
import java.io.InputStream;
import java.util.HashMap;
import java.util.Map;

@Named
@ViewScoped
public class QRCodeBean {
    private String qrContent;

    public void handleCameraCapture(CaptureEvent event) {
        // 获取捕获到的图片字节数组
        byte[] imageData = event.getData();
        
        try (InputStream inputStream = new ByteArrayInputStream(imageData)) {
            // 设置Zxing的解码参数，比如字符集
            Map<DecodeHintType, Object> hintMap = new HashMap<>();
            hintMap.put(DecodeHintType.CHARACTER_SET, "UTF-8");
            
            // 调用识别方法
            qrContent = QRCodeReader.readQRCode(inputStream, "UTF-8", hintMap);
            
            // 识别成功后给用户反馈
            FacesContext.getCurrentInstance().addMessage(null,
                    new FacesMessage(FacesMessage.SEVERITY_INFO, "二维码识别成功", qrContent));
        } catch (IOException e) {
            FacesContext.getCurrentInstance().addMessage(null,
                    new FacesMessage(FacesMessage.SEVERITY_ERROR, "错误", "图片读取失败"));
        } catch (NotFoundException e) {
            // 这里可以选择不提示，因为大部分帧可能没有二维码，避免频繁弹消息
            // FacesContext.getCurrentInstance().addMessage(null,
            //         new FacesMessage(FacesMessage.SEVERITY_WARN, "提示", "未检测到二维码"));
        }
    }

    // Getter & Setter
    public String getQrContent() {
        return qrContent;
    }

    public void setQrContent(String qrContent) {
        this.qrContent = qrContent;
    }
}

4. 关键注意事项 #

• 浏览器权限：现代浏览器要求摄像头访问必须在HTTPS环境下，或者是localhost（本地开发时可以用），否则用户无法授权摄像头访问。
• 性能优化：如果觉得500ms太频繁，可以改成1000ms，减少后端压力；另外，识别到二维码后可以自动停止捕获，避免重复识别。
• 依赖检查：确保你的项目已经引入了Zxing的依赖，比如Maven：

<dependency>
    <groupId>com.google.zxing</groupId>
    <artifactId>core</artifactId>
    <version>3.5.2</version>
</dependency>
<dependency>
    <groupId>com.google.zxing</groupId>
    <artifactId>javase</artifactId>
    <version>3.5.2</version>
</dependency>

这样改造后，你的应用就能实时捕获摄像头画面并自动识别二维码了，完全复用了你之前的Zxing核心逻辑，只是把输入源从文件改成了实时流。

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