微信JSSDK录音的一些bug

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

UPDATE: 这篇博文已经过期, 新的BUG总结请看微信JSSDK与录音相关的坑

微信JSSDK有不少坑, 最近做一个webapp, 用到了其中的录音功能, 发现不少问题, 总结一下:

当你调用 startRecord 和 stopRecord 的时间间隔过于短时, stopRecord 调用会失败, 但是不会触发 success , fail 或 complete 中的任何一个Handler, 导致UI卡住.

我的解决方法是: startRecord 调用成功后 500ms 才可以调用 stopRecord , 如果在 500ms 之内就执行了 endRecord , 则判定为过早的 endRecord , 执行 failHandler , 随后每隔 300ms 调用一次 endRecord , 直至 endRecord 调用成功.

function delayedStopRecord(options) {

    stopRecord(options);

    setTimeout(function () {

        if (!self.canStartRecord) {

            delayedStopRecord(options);

        }

    }, 300);

}

self.startRecord = function (options) {

    if (!self.canStartRecord) return;

    options.success = options.success || $.noop;

    options.fail = options.fail || $.noop;

    options.complete = options.complete || $.noop;

    self.canStartRecord = false;

    self.canStopRecord = false;

    var s1 = options.success;

    options.success = function () {

        s1();

        setTimeout(function () {

            self.canStopRecord = true;

        }, 500);

    }

    var fail = options.fail;

    options.fail = function (res) {

        fail();

        self.canStartRecord = true;

    }

    var s2 = options.success;

    options.success = function () {

        s2();

        wx.onVoiceRecordEnd({

            complete: options.onRecordTimeout

        });

    }

    wx.startRecord(options);

}

self.endRecord = function (options) {

    options.success = options.success || $.noop;

    options.fail = options.fail || $.noop;

    options.complete = options.complete || $.noop;

    var complete = options.complete;

    options.complete = function () {

        complete();

        self.canStartRecord = true;

    }

    if (!self.canStopRecord) {

        // Fix for too short stop record call failure.

        // Can only stop record after 500 ms. Before 500ms, it's a premature endRecord call.

        // For a premature endRecord call, try stop record every 300ms.

        options.fail({ errMsg: 'stopRecord:tooshort' }); // Manually call failHandler.

        options.abort = true;

        delayedStopRecord(options);

    } else {

        stopRecord(options);

    }

}

function init() {

    // Initialize flags.

    self.canStartRecord = true; // True if this is the first call or the last stopRecord succeeded.

    self.canStopRecord = false;

}