Add more hints regarding live port

client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.html

@@ -889,8 +889,9 @@
                     <ng-container i18n>Allow live streaming</ng-container>
                   </ng-template>
 
-                  <ng-container ngProjectAs="description" i18n>
-                    ⚠️ Enabling live streaming requires trust in your users and extra moderation work
+                  <ng-container ngProjectAs="description">
+                    <div i18n>⚠️ Enabling live streaming requires trust in your users and extra moderation work</div>
+                    <div i18n>If enabled, your server needs to accept incoming TCP traffic on port {{ liveRTMPPort }}</div>
                   </ng-container>
 
                   <ng-container ngProjectAs="extra">

client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.ts

@@ -119,6 +119,10 @@ export class EditCustomConfigComponent extends FormReactive implements OnInit, A
       .map(t => t.name)
   }
 
+  get liveRTMPPort () {
+    return this.serverConfig.live.rtmp.port
+  }
+
   getTotalTranscodingThreads () {
     const transcodingEnabled = this.form.value['transcoding']['enabled']
     const transcodingThreads = this.form.value['transcoding']['threads']

client/src/app/core/server/server.service.ts

@@ -83,6 +83,9 @@ export class ServerService {
       transcoding: {
         enabled: false,
         enabledResolutions: []
+      },
+      rtmp: {
+        port: 1935
       }
     },
     avatar: {

config/default.yaml

@@ -264,6 +264,7 @@ live:
   # /!\ transcoding.enabled (and not live.transcoding.enabled) has to be true to create a replay
   allow_replay: false
 
+  # Your firewall should accept traffic from this port in TCP if you enable live
   rtmp:
     port: 1935
 

config/production.yaml.example

@@ -278,6 +278,7 @@ live:
   # /!\ transcoding.enabled (and not live.transcoding.enabled) has to be true to create a replay
   allow_replay: true
 
+  # Your firewall should accept traffic from this port in TCP if you enable live
   rtmp:
     port: 1935
 

server/controllers/api/config.ts

@@ -126,6 +126,10 @@ async function getConfig (req: express.Request, res: express.Response) {
       transcoding: {
         enabled: CONFIG.LIVE.TRANSCODING.ENABLED,
         enabledResolutions: getEnabledResolutions('live')
+      },
+
+      rtmp: {
+        port: CONFIG.LIVE.RTMP.PORT
       }
     },
     import: {

shared/models/server/server-config.model.ts

@@ -111,6 +111,10 @@ export interface ServerConfig {
 
       enabledResolutions: number[]
     }
+
+    rtmp: {
+      port: number
+    }
   }
 
   import: {