Privacy and video

Going dark

In some rare cases you might want to conceal the whole screen and stop recording events completely. The following APIs will come in handy, no data is being gathered between the calls to pause and resume.

    // To stop video recording use   
    Bugsee.pause();

    // And to continue
    Bugsee.resume();

Marking view as protected in code

You can mark any view as protected and in this case it will be covered with black box automatically. Use Bugsee.toggleProtected() method to achieve this. It accepts two parameters: component and state. First should be a reference to the component you want to hide/show and second is a boolean value of protected flag (either true or false).

<TextInput
    style={{height: 40, borderColor: 'gray', borderWidth: 1}}
    onChangeText={(text) => this.setState({text})}
    value={this.state.text} ref={comp => Bugsee.toggleProtected(comp, true)}
/>

Protecting by coordinates

Bugsee allows hiding screen area by absolute coordinates as well. Notice that iOS and Android approaches to hiding specific area differ a bit.

    // Values are: X, Y, Width, Height
    Bugsee.addSecureRect:(10, 10, 400, 600);

You also need to be aware of the orientation that can be changed during application work. Recreate rectangle after orientation change, if 'black box' on video does not cover all secure fields and elements.

Other methods of secure Rects:

    // Remove rect
    Bugsee.removeSecureRect(10, 10, 100, 100);

    // Get all rects
    const rects = await Bugsee.getAllSecureRects();

    // Remove all rects
    Bugsee.removeAllSecureRects();