From faa2638fb9074e766fafd2226dc6ca08a14ac39f Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 31 May 2026 06:56:53 +0000
Subject: [PATCH] feat: add NetworkTransportBindAddress config field to WebUI

Add support for the new NetworkTransportBindAddress global config option
introduced in BililiveRecorder/BililiveRecorder#787.

Changes:
- Add networkTransportBindAddress to DefaultConfig interface
- Add optionalNetworkTransportBindAddress to GlobalConfigDto interface
- Add default value in mock config
- Add text input in network settings section of SettingPage
---
 src/utils/api.ts                   | 3 +++
 src/views/recorder/SettingPage.vue | 4 ++++
 2 files changed, 7 insertions(+)

diff --git a/src/utils/api.ts b/src/utils/api.ts
index 4ac2a8f..378de2f 100644
--- a/src/utils/api.ts
+++ b/src/utils/api.ts
@@ -82,6 +82,7 @@ export interface DefaultConfig {
   danmakuAuthenticateWithStreamerUid: boolean;
   networkTransportUseSystemProxy: boolean;
   networkTransportAllowedAddressFamily: number;
+  networkTransportBindAddress: string;
   userScript: string;
 }
 
@@ -120,6 +121,7 @@ export interface GlobalConfigDto {
   optionalDanmakuAuthenticateWithStreamerUid: BooleanOptional;
   optionalNetworkTransportUseSystemProxy: BooleanOptional;
   optionalNetworkTransportAllowedAddressFamily: AllowedAddressFamilyOptional;
+  optionalNetworkTransportBindAddress: StringOptional;
   optionalUserScript: StringOptional;
 }
 
@@ -517,6 +519,7 @@ export class Recorder<T = any> {
       'danmakuAuthenticateWithStreamerUid': false,
       'networkTransportUseSystemProxy': false,
       'networkTransportAllowedAddressFamily': 0,
+      'networkTransportBindAddress': '',
       'userScript': '',
     };
   }
diff --git a/src/views/recorder/SettingPage.vue b/src/views/recorder/SettingPage.vue
index cb0b387..d2f2f32 100644
--- a/src/views/recorder/SettingPage.vue
+++ b/src/views/recorder/SettingPage.vue
@@ -123,6 +123,9 @@
           <optional-input type="enum" label="允许使用的网络类型"
             v-model:value="newConfig['optionalNetworkTransportAllowedAddressFamily']" :enums="IPFamilies"
             :same-as-default="true" @changed="onChanged" />
+          <optional-input type="text" label="绑定的网络接口或IP地址"
+            v-model:value="newConfig['optionalNetworkTransportBindAddress']" :same-as-default="true"
+            @changed="onChanged" />
           <optional-input type="enum" label="弹幕链接协议" v-model:value="newConfig['optionalDanmakuTransport']"
             :enums="DanmakuTransport" :same-as-default="true" @changed="onChanged" />
           <optional-input type="boolean" label="使用直播间主播的uid进行弹幕服务器认证"
@@ -312,6 +315,7 @@ const newConfig = ref<{ [key: string]: ConfigItem }>({
   'optionalDanmakuAuthenticateWithStreamerUid': getEmptyConfigItem(defaultConfig.value.danmakuAuthenticateWithStreamerUid),
   'optionalNetworkTransportUseSystemProxy': getEmptyConfigItem(defaultConfig.value.networkTransportUseSystemProxy),
   'optionalNetworkTransportAllowedAddressFamily': getEmptyConfigItem(defaultConfig.value.networkTransportAllowedAddressFamily),
+  'optionalNetworkTransportBindAddress': getEmptyConfigItem(defaultConfig.value.networkTransportBindAddress),
   'optionalUserScript': getEmptyConfigItem(defaultConfig.value.userScript),
   'optionalSaveStreamCover': getEmptyConfigItem(defaultConfig.value.saveStreamCover),
   'optionalFlvWriteMetadata': getEmptyConfigItem(defaultConfig.value.flvWriteMetadata),