Merge branch '0.0.6' of github.com:owncast/owncast-admin into 0.0.6

web/pages/components/config/constants.tsx

@@ -106,8 +106,8 @@ export const TEXTFIELD_PROPS_WEB_PORT = {
   configPath: '',
   maxLength: 6,
   placeholder: '8080',
-  label: 'Owncast Server port',
-  tip: 'What port are you serving Owncast from? Default is :8080',
+  label: 'Owncast port',
+  tip: 'What port is your Owncast web server listening? Default is 8080',
   required: true,
 };
 export const TEXTFIELD_PROPS_RTMP_PORT = {
@@ -116,7 +116,7 @@ export const TEXTFIELD_PROPS_RTMP_PORT = {
   maxLength: 6,
   placeholder: '1935',
   label: 'RTMP port',
-  tip: 'What port are you receiving RTMP?',
+  tip: 'What port should accept inbound broadcasts? Default is 1935',
   required: true,
 };
 export const TEXTFIELD_PROPS_INSTANCE_URL = {

web/pages/components/config/edit-server-details.tsx

@@ -54,6 +54,16 @@ export default function EditInstanceDetails() {
     setMessage('Updating server settings requires a restart of your Owncast server.');
   };
 
+  const showStreamKeyChangeMessage = () => {
+    setMessage('Changing your stream key will log you out of the admin and block you from streaming until you change the key in your broadcasting software.');
+  };
+
+  const showFfmpegChangeMessage = () => {
+    if (serverStatusData.online) {
+      setMessage('The updated ffmpeg path will be used when starting your next live stream.');
+    }
+  };
+
   function generateStreamKey() {
     let key = '';
     for (let i = 0; i < 3; i += 1) {
@@ -81,6 +91,7 @@ export default function EditInstanceDetails() {
             initialValue={streamKey}
             type={TEXTFIELD_TYPE_PASSWORD}
             onChange={handleFieldChange}
+            onSubmit={showStreamKeyChangeMessage}
           />
           <div className="streamkey-actions">
             <Tooltip title="Generate a stream key">
@@ -102,6 +113,7 @@ export default function EditInstanceDetails() {
         value={formDataValues.ffmpegPath}
         initialValue={ffmpegPath}
         onChange={handleFieldChange}
+        onSubmit={showFfmpegChangeMessage}
       />
       <TextFieldWithSubmit
         fieldName="webServerPort"

web/pages/components/config/video-latency.tsx

@@ -1,6 +1,7 @@
 import React, { useContext, useState, useEffect } from 'react';
 import { Typography, Slider } from 'antd';
 import { ServerStatusContext } from '../../../utils/server-status-context';
+import { AlertMessageContext } from '../../../utils/alert-message-context';
 import { API_VIDEO_SEGMENTS, RESET_TIMEOUT, postConfigUpdateToAPI } from './constants';
 import {
   createInputStatus,
@@ -47,6 +48,7 @@ export default function VideoLatency() {
   const [selectedOption, setSelectedOption] = useState(null);
 
   const serverStatusData = useContext(ServerStatusContext);
+  const { setMessage } = useContext(AlertMessageContext);
   const { serverConfig, setFieldInConfigState } = serverStatusData || {};
   const { videoSettings } = serverConfig || {};
 
@@ -80,11 +82,14 @@ export default function VideoLatency() {
           value: postValue,
           path: 'videoSettings',
         });
-        setSubmitStatus(createInputStatus(STATUS_SUCCESS, 'Variants updated.'));
+        setSubmitStatus(createInputStatus(STATUS_SUCCESS, 'Latency buffer level updated.'));
 
         // setSubmitStatus('success');
         // setSubmitStatusMessage('Variants updated.');
         resetTimer = setTimeout(resetStates, RESET_TIMEOUT);
+        if (serverStatusData.online) {
+          setMessage('Your latency buffer setting will take effect the next time you begin a live stream.')
+        }
       },
       onError: (message: string) => {
         setSubmitStatus(createInputStatus(STATUS_ERROR, message));
@@ -104,11 +109,8 @@ export default function VideoLatency() {
     <div className="config-video-segements-conatiner">
       <Title level={3}>Latency Buffer</Title>
       <p>
-        There are trade-offs when cosidering video latency and reliability. Blah blah .. better
-        wording here needed.
+        While it's natural to want to keep your latency as low as possible, you may experience reduced error tolerance and stability in some environments the lower you go.
       </p>
-      <br />
-      <br />
       <div className="segment-slider-container">
         <Slider
           tipFormatter={value => <SegmentToolTip value={SLIDER_COMMENTS[value]} />}

web/pages/components/config/video-variants-table.tsx

@@ -83,9 +83,11 @@ export default function CurrentVariantsTable() {
         setSubmitStatusMessage('Variants updated.');
         resetTimer = setTimeout(resetStates, RESET_TIMEOUT);
 
-        setMessage(
-          'Updating your video configuration will take effect the next time you begin a new stream.',
-        );
+        if (serverStatusData.online) {
+          setMessage(
+            'Updating your video configuration will take effect the next time you begin a new stream.',
+          );
+        }
       },
       onError: (message: string) => {
         setSubmitStatus('error');
@@ -187,7 +189,7 @@ export default function CurrentVariantsTable() {
 
   return (
     <>
-      <Title level={3}>Current Variants</Title>
+      <Title level={3}>Stream output</Title>
 
       {statusMessage}