Mirroristas/owncast
2
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-10-10 19:16:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Prettified Code!

Browse Source
This commit is contained in:
gabek 2021-02-15 22:09:34 +00:00 committed by GitHub Action
parent ee5e462c59
commit 259ac676ff
3 changed files with 23 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
web/components/config/video-variant-form.tsx
View File

@ -16,7 +16,8 @@ const VIDEO_VARIANT_DEFAULTS = {
defaultValue: 24,
unit: 'fps',
incrementBy: null,
tip: 'Reducing your framerate will decrease the amount of video that needs to be encoded and sent to your viewers, saving CPU and bandwidth at the expense of smoothness. A lower value is generally is fine for most content.',
tip:
'Reducing your framerate will decrease the amount of video that needs to be encoded and sent to your viewers, saving CPU and bandwidth at the expense of smoothness. A lower value is generally is fine for most content.',
},
videoBitrate: {
min: 600,
@ -150,7 +151,8 @@ export default function VideoVariantForm({
return (
<div className="config-variant-form">
<p className="description">
<a href="https://owncast.online/docs/video">Learn more</a> about how each of these settings can impact the performance of your server.
<a href="https://owncast.online/docs/video">Learn more</a> about how each of these settings
can impact the performance of your server.
</p>
<Row gutter={16}>
@ -161,7 +163,9 @@ export default function VideoVariantForm({
defaultValue={dataState.cpuUsageLevel}
onChange={handleVideoCpuUsageLevelChange}
/>
<p className="read-more-subtext"><a href="https://owncast.online/docs/video/#cpu-usage">Read more about CPU usage.</a></p>
<p className="read-more-subtext">
<a href="https://owncast.online/docs/video/#cpu-usage">Read more about CPU usage.</a>
</p>
</div>
{/* VIDEO PASSTHROUGH FIELD - currently disabled */}
@ -179,8 +183,9 @@ export default function VideoVariantForm({
<Col sm={24} md={12}>
{/* VIDEO BITRATE FIELD */}
<div
className={`form-module bitrate-container ${dataState.videoPassthrough ? 'disabled' : ''
}`}
className={`form-module bitrate-container ${
dataState.videoPassthrough ? 'disabled' : ''
}`}
>
<Typography.Title level={3}>Video Bitrate</Typography.Title>
<p className="description">{VIDEO_VARIANT_DEFAULTS.videoBitrate.tip}</p>
@ -198,7 +203,9 @@ export default function VideoVariantForm({
/>
<p className="selected-value-note">{selectedVideoBRnote()}</p>
</div>
<p className="read-more-subtext"><a href="https://owncast.online/docs/video/#bitrate">Read more about bitrates.</a></p>
<p className="read-more-subtext">
<a href="https://owncast.online/docs/video/#bitrate">Read more about bitrates.</a>
</p>
</div>
</Col>
</Row>
@ -241,7 +248,9 @@ export default function VideoVariantForm({
/>
<p className="selected-value-note">{selectedFramerateNote()}</p>
</div>
<p className="read-more-subtext"><a href="https://owncast.online/docs/video/#framerate">Read more about framerates.</a></p>
<p className="read-more-subtext">
<a href="https://owncast.online/docs/video/#framerate">Read more about framerates.</a>
</p>
</div>
</Panel>
</Collapse>

6
web/pages/config-video.tsx
View File

@ -12,8 +12,10 @@ export default function ConfigVideoSettings() {
<Title>Video configuration</Title>
<p className="description">
Before changing your video configuration{' '}
<a href="https://owncast.online/docs/video">visit the video documentation</a> to learn
how it impacts your stream performance. The general rule is to start conservatively by having one middle quality stream output variant and experiment with adding more of varied qualities.
<a href="https://owncast.online/docs/video">visit the video documentation</a> to learn how
it impacts your stream performance. The general rule is to start conservatively by having
one middle quality stream output variant and experiment with adding more of varied
qualities.
</p>
<Row gutter={[16, 16]}>

9
web/styles/config-video-variants.scss
View File

@ -1,7 +1,6 @@
// styles for Video variant editor (table + modal)
.config-video-variants {
.variants-table {
margin-top: 2em;
}
@ -9,7 +8,6 @@
.variants-table-module {
min-width: 400px;
}
}
// modal content
@ -28,7 +26,6 @@
}
}
.variants-table {
.actions {
display: flex;
@ -36,11 +33,11 @@
justify-content: center;
}
.delete-button {
margin-left: .5em;
opacity: .8;
margin-left: 0.5em;
opacity: 0.8;
}
}
.read-more-subtext {
font-size: 0.8rem;
}
}