diff --git a/CHANGELOG.md b/CHANGELOG.md index 032ee7a..1c53356 100644 --- a/CHANGELOG.md +++ b/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 diff --git a/src/views/Publication/Services/Instagram.js b/src/views/Publication/Services/Instagram.js index 071d7da..2d2bba3 100644 --- a/src/views/Publication/Services/Instagram.js +++ b/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 = ( Live-Streaming to Instagram Live RTMP Service. The stream key requires a service such as{' '} + + Instafeed.me + {' '} or {' '} Yellow Duck @@ -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) { Stream key} value={settings.key} onChange={handleChange('key')} /> - - - GET - + {(!settings.service_instafeed && !settings.service_yellowduck) && ( + + + GET + + + )} + {settings.service_instafeed && ( + + + GET + + + )} + {settings.service_yellowduck && ( + + + GET + + + )} + + Instafeed.me} checked={settings.service_instafeed} onChange={handleChange('service_instafeed')} disabled={settings.service_yellowduck} /> + Yellow Duck} checked={settings.service_yellowduck} onChange={handleChange('service_yellowduck')} disabled={settings.service_instafeed} /> );