1

我们的客户正在使用SimpleCaptcha。我的理解是 SimpleCaptcha 能够生成 WAVE 格式 (.wav) 的音频验证码。稍后这些 CAPTCHA-s 使用 HTML5 音频标签播放，如下所示：

<audio controls="controls" autoplay>
    <source src="captcha.wav" />
</audio>

当然，这不是跨浏览器兼容的，原因之一是 WAVE 格式。此链接表明 IE9 仅支持 MP3，而大多数其他浏览器都支持 OGG 和 WAVE。进一步的 MP3 是专利给...弗劳恩霍夫？

注意：我们的后端是基于 Java 的。

我的问题是，对于根本不支持 WAVE 格式（例如 IE9）或 HTML5 音频标签的客户，我们可能提供的最佳后备方案是什么？由于专利问题，我想在服务器端动态转换为 mp3 不是一种选择。此外，我不知道任何可以执行此操作的 java 库...我见过像jPlayer这样的不错的解决方案，但他们说“为了支持跨浏览器，必须提供一种在 HTML5 和 Flash 中都可以使用的格式。”，即 mp3 , mp4。我也没有找到任何可靠的基于 Flash 的 WAVE 播放器。

4

3 回答 3

2

我认为@drew010 对他们的按钮的帮助很棒！谢谢你。

为了解决 SimpleCaptcha (16000Hz) 和 Flash 播放器支持的音频 (11025Hz) 之间的速率频率支持的相同问题，我使用了另一种解决方案，而不是更改 simplecaptcha 源或尝试在 Flash 编程中解决它。

我的验证码实现有一个自定义音频验证码 servlet（由 simplecaptcha 支持），所以我在这篇文章中使用了@Claude 提供的提示，使用tritonus lib 来转换音频采样率。这段代码如下所示：

    AudioFormat outDataFormat = new AudioFormat((float) 11025.0, (int) 16, (int) 1, true, false);
    AudioInputStream lowResAIS = AudioSystem.getAudioInputStream(outDataFormat, audioCapthca.getChallenge().getAudioInputStream());

我的验证码 servlet 代码如下：

public class AudioCaptchaServlet extends HttpServlet {

    @Override protected void doGet(HttpServletRequest req,
            HttpServletResponse resp) throws ServletException, IOException {

        Map<Integer, String[]> voicesMap = new HashMap<Integer, String[]>();
        String[] fileLocs0 = {"/captcha/pt_BR/0.wav"};
        String[] fileLocs9 = {"/captcha/pt_BR/1.wav"};
        (...)

        voicesMap.put(0, fileLocs0);
        voicesMap.put(1, fileLocs1);
        (...)

        VoiceProducer voiceProducer = new RandomNumberVoiceProducer(voicesMap);

        AudioCaptcha ac = new AudioCaptcha.Builder()
            .addAnswer()
            .addNoise()
            .addVoice(voiceProducer)
            .build();

        req.getSession().setAttribute(AudioCaptcha.NAME, ac.getAnswer());

        //Converte Sons com bitrate de 16000Hz (simplecaptcha) para 11025Hz (suportada pelo flash player)
        AudioFormat outDataFormat = new AudioFormat((float) 11025.0, (int) 16, (int) 1, true, false);
        AudioInputStream lowResAIS = AudioSystem.getAudioInputStream(outDataFormat, ac.getChallenge().getAudioInputStream());

        CaptchaServletUtil.writeAudio(resp, new Sample(lowResAIS));
    }

    @Override protected void doPost(HttpServletRequest req,
            HttpServletResponse resp) throws ServletException, IOException {
        doGet(req, resp);
    }
}
于 2013-03-14T17:50:02.127 回答
2

在社区其他人的帮助下，我创建了一个 Flash 按钮，可以将 WAV 文件从服务器流式传输到客户端。它与 Securimage PHP Captcha 一起分发，用于将音频验证码流式传输到客户端。

您可以简单地点击这个 Flash 按钮，或者下载并修改 Flash源代码，以基于相同的代码创建您自己的自定义源代码。

当 HTML5 音频不可用时，您可以将其用作后备。

示例用法是：

<object type="application/x-shockwave-flash"
        data="securimage_play.swf?audio_file=/PATH/TO/AUDIO.wav"
        width="32" height="32">
    <param name="movie" value="securimage_play.swf?audio_file=/PATH/TO/AUDIO.wav" />
</object>

您可以将这些附加选项传递给securimage_play.swf：

  • bgcol: Flash 按钮的背景颜色
  • icon_file: 一个 png 图像的 URL，显示为 Flash 按钮上的图标

在旁注中，我确实发现微软决定在<audio>标签中不支持 WAV 音频很奇怪，特别是因为他们与 IBM 一起开创了 WAV 格式。是的，WAV 文件比它们支持的其他压缩音频格式要大，但带宽也在增加，到了无所谓的程度。

希望有帮助。如果您尝试实施它并有任何问题，请告诉我。您可以在此处查看音频流的演示。

于 2012-08-01T19:28:08.957 回答
0

如果有人还在寻找它。这是我的代码。它适用于我的所有浏览器。

<audio controls id="audioCaptcha">
    <source src="audio.wav" type='audio/wav' height="50px" width="100px"/>
    <embed src="audio.wav" type='audio/wav' autoplay="false" height="50px" width="100px"/>
</audio>
于 2016-02-18T10:16:55.993 回答