MacOS¶

Installation Overview¶

To use our AgentNet annotation tool, you have to install and setup the following 2 tools:

1. OBS is used for recording your desktop screen.
2. AgentNet Tool is a our annotation app that uses OBS to record your desktop and browser extension to get the webpage html data. You can find the download link here, or you can start the tool from our code repository by running npm start.

We also provide an optional browser extension to help you annotate the webpage html data.

Step 1: OBS Setup¶

1. Download & Installation¶

1.1. Download OBS from OBS Official Website.¶

1.2 Run the installer and grant OBS the necessary permissions for installation.¶

1.3 Choose Optimize just for recording¶

1.4 Click Next for video setting¶

1.5 Click Apply Settings¶

1.2

1.3

1.4

1.5

2. Setup OBS¶

2.1 Back on the home page of OBS, select "Scene" Under "Sources", click the "+" button and then click Deprecated -> Display Capture.¶

2.2 Make sure the "Display" is set to your main display, and you should see your screen on the canvas:¶

2.1

2.2

3. Allow full disk access¶

4. OBS setup tutorial video (Optional)¶

Here's a tutorial video for all the steps mentioned. Skip if you've already followed the instructions.

Step 2 Install AgentNet Browser Extension (Optional)¶

1. Download and unzip the browser extension: Link¶

2. Install the extension in your browser¶

Take Google Chrome as an example:

2.1 Click "Customize and Control Googl Chrome" -> "Extensions" -> "Manage Extensions"¶

2.2 Turn on Developer mode, click Load unpacked¶

2.3 Enter the unzipped folder "htmlsniffer" then select the htmlsniffer folder inside.¶

2.4 Then you will see the extension loaded in your browser!¶

2.1

2.2

2.3

2.4

Step 3 Download and Setup AgentNet Tool¶

Please download from this Link and double click on the .dmg file to install the AgentNet tool.

1. OBS auto configuration through AgentNet Tool¶

1.1 Ope the AgentNet Tool, click OBS Configure¶

1.2 Restart OBS¶

1.1

2. Permissions and security settings¶

2.1 Input Monitoring¶

2.2 Accessibility¶

2.3 Notification: Please enable 'Allow Notifications when mirroring or sharing the display.'¶

2.1

2.2

2.3

Step 4 Setup iBar (Optional)¶

Please start AgentNet annotator app. If you can see the AgentNet icon in your computer's menu as the picture below, you can skip the below.

if you can't see AgentNet on your computer's menu, please: 1) Download iBar here 2) Setup your iBar as below 3) Uncheck AgentNet 4) Make sure you can see AgentNet icon in your menu

2

3

4