Add await to this.surface.play()

[pholawat-tle]

When we call the start function of the Html5QrCode object, the promise was resolved before the video from the camera is ready/rendered, thus making it currently not possible to chain the promise of the start function with other operations like stop, pause, etc.

Also, the exceptions thrown inside .play() promise were not being handled

Before (Chaining with pause)

const qrCode = new Html5Qrcode('reader-id')

qrCode.start(
    { facingMode: 'environment' },
    { fps: 10 },
    () => {},
    () => {}
    ).then(
        () => qrCode.pause()
    );

After (Chaining with pause)

Before (Chaining with stop)

const qrCode = new Html5Qrcode('reader-id')

qrCode.start(
    { facingMode: 'environment' },
    { fps: 10 },
    () => {},
    () => {}
    ).then(
        () => qrCode.stop()
    );

After (Chaining with stop)

[mebjas]

Thanks for the fix, merging.