Added indicators to top-bar.vue that light up to show streaming and recording status.
icons.js required the addition of the Circle and Cloud-Upload-Alt FA icons.
top-bar.vue needed just a few changes:
Add two computed props to the component based on the current streaming/recording status of OBS,
Put two indicators in the bar with responsive margins and widths to accommodate small screens,
Hide the indicators when not connected to an instance of OBS, and
Tie the opacity of the two indicators to the two new computed props.
About the only question I have left is the utility of making the indicators click targets that would command OBS to start or stop streaming or recording. I may tack that on, if anybody feels strongly enough about its usefulness. I'm not sure if that adds value to our workflow or not, but maybe it would... I'm open to comment on this.
Added indicators to top-bar.vue that light up to show streaming and recording status.
icons.js required the addition of the Circle and Cloud-Upload-Alt FA icons.
top-bar.vue needed just a few changes:
About the only question I have left is the utility of making the indicators click targets that would command OBS to start or stop streaming or recording. I may tack that on, if anybody feels strongly enough about its usefulness. I'm not sure if that adds value to our workflow or not, but maybe it would... I'm open to comment on this.