### Configure Android SDK Versions

Source: https://github.com/zegocloud/zego_uikit_prebuilt_call_uniapp/blob/main/README.md

Set the Android minSdkVersion to 23 and targetSdkVersion to 33 in the manifest.json file for your uni-app project. This ensures compatibility with the required Android features for the SDK.

```json
{
  "app-plus": {
    "android": {
      "minSdkVersion": 23,
      "targetSdkVersion": 33
    }
  }
}
```

--------------------------------

### Import ZEGO Plugins in HBuilderX

Source: https://github.com/zegocloud/zego_uikit_prebuilt_call_uniapp/blob/main/README.md

This section details the process of importing necessary ZEGO SDK plugins into your uni-app project using HBuilderX. It includes purchasing and selecting cloud plugins for real-time audio/video and ZIM, as well as handling local plugins for ZPNs.

```uni-app
// 1. Purchase and select cloud plugins for ZEGO Real-time Audio & Video SDK and Zego ZIM SDK from the plugin market.
// 2. Configure native plugins in manifest.json, selecting the purchased cloud plugins.
// 3. Download the ZPNs native plugin SDK (zego-ZPNsUniPlugin.zip), extract it, and copy the folder to the 'nativeplugins' directory.
// 4. In manifest.json, configure native plugins to select the local 'Zego ZPNs Offline Push SDK'.
// 5. Download the ZPNs JS plugin SDK (zego-ZPNsUniPlugin-JS.zip), extract its content, and place it in the 'js_sdk' directory.
// 6. Download and import the ZEGOUIKitPrebuiltCall plugin from the plugin market.
```

--------------------------------

### Create Custom Build with AppID

Source: https://github.com/zegocloud/zego_uikit_prebuilt_call_uniapp/blob/main/README.md

Generate a custom build for your uni-app project in HBuilderX, ensuring you input the correct AppID. This step is crucial for running the application on a device or simulator with the integrated SDKs.

```uni-app
// In HBuilderX:
// 1. Go to 'Run' -> 'Run on -> Custom Build'.
// 2. Select the target platform (e.g., Android).
// 3. Ensure the AppID is correctly configured in the build settings.
```

--------------------------------

### Viewport Meta Tag Configuration

Source: https://github.com/zegocloud/zego_uikit_prebuilt_call_uniapp/blob/main/index.html

This JavaScript code checks for CSS supports for 'top: env(a)' or 'top: constant(a)' to determine if viewport-fit=cover should be included in the meta tag. It dynamically writes a viewport meta tag to the document, ensuring proper scaling and responsiveness, especially for devices with notches or cutouts.

```javascript
var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)') \
) \
document.write( '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.