Mod adds Istafeed.me as StreamKey service to Instagram's publishing service

CHANGELOG.md

@@ -3,6 +3,7 @@
 ### v1.4.0 > v1.5.0
 
 -   Add reset button to hide a player logo (datarhei/restreamer#431)
+-   Mod adds Istafeed.me as StreamKey service to Instagram's publishing service
 -   Mod renames "Low delay" to "Low latency (buffer)" and set false as default (requires more feedback)
 -   Fix videojs-overlay logo size (datarhei/restreamer#431)
 -   Fix use of TLS for input from local RTMP server

src/views/Publication/Services/Instagram.js

@@ -7,15 +7,20 @@ import Grid from '@mui/material/Grid';
 import Link from '@mui/material/Link';
 import TextField from '@mui/material/TextField';
 
+import Checkbox from '../../../misc/Checkbox';
 import FormInlineButton from '../../../misc/FormInlineButton';
 
 const id = 'instagram';
 const name = 'Instagram';
-const version = '1.0';
-const stream_key_link = 'https://yellowduck.tv/';
+const version = '1.1';
+const stream_key_link = 'https://instafeed.me/rtmp/';
+const stream_key_link_yd = 'https://yellowduck.tv/';
 const description = (
 	<Trans>
 		Live-Streaming to Instagram Live RTMP Service. The stream key requires a service such as{' '}
+		<Link color="secondary" target="_blank" href="https://instafeed.me/">
+			Instafeed.me
+		</Link>{' '} or {' '}
 		<Link color="secondary" target="_blank" href="https://yellowduck.tv/">
 			Yellow Duck
 		</Link>
@@ -50,6 +55,8 @@ function ServiceIcon(props) {
 function init(settings) {
 	const initSettings = {
 		key: '',
+		service_instafeed: false,
+		service_yellowduck: false,
 		...settings,
 	};
 
@@ -62,7 +69,11 @@ function Service(props) {
 	const handleChange = (what) => (event) => {
 		const value = event.target.value;
 
-		settings[what] = value;
+		if (['service_instafeed', 'service_yellowduck'].includes(what)) {
+			settings[what] = !settings[what];
+		} else {
+			settings[what] = value;
+		}
 
 		const output = createOutput(settings);
 
@@ -83,10 +94,30 @@ function Service(props) {
 			<Grid item xs={12} md={9}>
 				<TextField variant="outlined" fullWidth label={<Trans>Stream key</Trans>} value={settings.key} onChange={handleChange('key')} />
 			</Grid>
-			<Grid item xs={12} md={3}>
-				<FormInlineButton target="blank" href={stream_key_link} component="a">
-					<Trans>GET</Trans>
-				</FormInlineButton>
+			{(!settings.service_instafeed && !settings.service_yellowduck) && (
+				<Grid item xs={12} md={3}>
+					<FormInlineButton target="blank" component="a" disabled>
+						<Trans>GET</Trans>
+					</FormInlineButton>
+				</Grid>
+			)}
+			{settings.service_instafeed && (
+				<Grid item xs={12} md={3}>
+					<FormInlineButton target="blank" href={stream_key_link} component="a">
+						<Trans>GET</Trans>
+					</FormInlineButton>
+				</Grid>
+			)}
+			{settings.service_yellowduck && (
+				<Grid item xs={12} md={3}>
+					<FormInlineButton target="blank" href={stream_key_link_yd} component="a">
+						<Trans>GET</Trans>
+					</FormInlineButton>
+				</Grid>
+			)}
+			<Grid item xs={12}>
+				<Checkbox label={<Trans>Instafeed.me</Trans>} checked={settings.service_instafeed} onChange={handleChange('service_instafeed')} disabled={settings.service_yellowduck} />
+				<Checkbox label={<Trans>Yellow Duck</Trans>} checked={settings.service_yellowduck} onChange={handleChange('service_yellowduck')} disabled={settings.service_instafeed} />
 			</Grid>
 		</Grid>
 	);