Cesar Mendivil
5c586a2aa3
- Introduced WHIP-RTSP as a new source option in Source.js. - Enhanced Restreamer to handle RTSP relay configuration and address parsing. - Updated WebRTCRoom to allow selection between direct and RTSP relay modes. - Implemented WHIPPublications component for managing multiple WHIP destinations. - Added internal RTSP relay configuration in Settings.js. - Improved handling of WHEP and WHIP streams, including error logging and state management.
97 lines
2.0 KiB
JavaScript
97 lines
2.0 KiB
JavaScript
import React from 'react';
|
|
|
|
import { Trans } from '@lingui/macro';
|
|
import Grid from '@mui/material/Grid';
|
|
import MenuItem from '@mui/material/MenuItem';
|
|
import Typography from '@mui/material/Typography';
|
|
|
|
import Select from '../Select';
|
|
|
|
function init(settings) {
|
|
const initSettings = {
|
|
source: 'hls+memfs',
|
|
...settings,
|
|
};
|
|
|
|
switch (initSettings.source) {
|
|
case 'hls+diskfs':
|
|
case 'rtmp':
|
|
case 'srt':
|
|
case 'whip-rtsp':
|
|
break;
|
|
default:
|
|
initSettings.source = 'hls+memfs';
|
|
}
|
|
|
|
return initSettings;
|
|
}
|
|
|
|
export default function Control(props) {
|
|
const settings = init(props.settings);
|
|
|
|
// Set the defaults
|
|
React.useEffect(() => {
|
|
props.onChange(settings, true);
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
}, []);
|
|
|
|
const handleChange = (what) => (event) => {
|
|
const value = event.target.value;
|
|
|
|
settings[what] = value;
|
|
|
|
props.onChange(settings, false);
|
|
};
|
|
|
|
const items = [];
|
|
|
|
items.push(
|
|
<MenuItem key="hls+memfs" value="hls+memfs" disabled={!props.sources.includes('hls+memfs')}>
|
|
HLS (memfs)
|
|
</MenuItem>
|
|
);
|
|
|
|
items.push(
|
|
<MenuItem key="hls+diskfs" value="hls+diskfs" disabled={!props.sources.includes('hls+diskfs')}>
|
|
HLS (diskfs)
|
|
</MenuItem>
|
|
);
|
|
|
|
items.push(
|
|
<MenuItem key="rtmp" value="rtmp" disabled={!props.sources.includes('rtmp')}>
|
|
RTMP
|
|
</MenuItem>
|
|
);
|
|
|
|
items.push(
|
|
<MenuItem key="srt" value="srt" disabled={!props.sources.includes('srt')}>
|
|
SRT
|
|
</MenuItem>
|
|
);
|
|
|
|
items.push(
|
|
<MenuItem key="whip-rtsp" value="whip-rtsp" disabled={!props.sources.includes('whip-rtsp')}>
|
|
<Trans>WHIP RTSP relay</Trans>
|
|
</MenuItem>
|
|
);
|
|
|
|
return (
|
|
<Grid container spacing={2}>
|
|
<Grid item xs={12}>
|
|
<Select label={<Trans>Source</Trans>} value={settings.source} onChange={handleChange('source')}>
|
|
{items}
|
|
</Select>
|
|
<Typography variant="caption">
|
|
<Trans>Stream source for publication service (experimental).</Trans>
|
|
</Typography>
|
|
</Grid>
|
|
</Grid>
|
|
);
|
|
}
|
|
|
|
Control.defaulProps = {
|
|
settings: {},
|
|
sources: [],
|
|
onChange: function (settings, automatic) {},
|
|
};
|