owncast/static/web/admin/config-video/index.html
2023-01-09 18:51:08 +00:00

1 line
7.6 KiB
HTML

<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/fe8aa796c66ec5d4.css" as="style"/><link rel="stylesheet" href="/_next/static/css/fe8aa796c66ec5d4.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-b7856e81f56f2ff5.js" defer=""></script><script src="/_next/static/chunks/framework-635f4251d9a94b4c.js" defer=""></script><script src="/_next/static/chunks/main-ce93c01daff93765.js" defer=""></script><script src="/_next/static/chunks/pages/_app-e2313768736f95cc.js" defer=""></script><script src="/_next/static/chunks/481-0ac29e7d1a80a156.js" defer=""></script><script src="/_next/static/chunks/5596-993a89308a275b83.js" defer=""></script><script src="/_next/static/chunks/1407-559a76b4e60afb83.js" defer=""></script><script src="/_next/static/chunks/173-047624672b6febad.js" defer=""></script><script src="/_next/static/chunks/611-6662db09b309896c.js" defer=""></script><script src="/_next/static/chunks/1577-8292091d0aab9761.js" defer=""></script><script src="/_next/static/chunks/3763-f4076e86be871940.js" defer=""></script><script src="/_next/static/chunks/4485-1ab91f2746088c33.js" defer=""></script><script src="/_next/static/chunks/5212-8485cafd45fac151.js" defer=""></script><script src="/_next/static/chunks/4759-236ea584d35f617f.js" defer=""></script><script src="/_next/static/chunks/7033-b00d572ac63daee0.js" defer=""></script><script src="/_next/static/chunks/8909-76ec61e4c0fbbbd6.js" defer=""></script><script src="/_next/static/chunks/3903-845534d4734499d9.js" defer=""></script><script src="/_next/static/chunks/3698-710368294804b227.js" defer=""></script><script src="/_next/static/chunks/3461-f99434dad26fbfea.js" defer=""></script><script src="/_next/static/chunks/6754-4866d130f609e37f.js" defer=""></script><script src="/_next/static/chunks/878-7039ae1c1aad4bf2.js" defer=""></script><script src="/_next/static/chunks/2610-2002cda2c3c4f29d.js" defer=""></script><script src="/_next/static/chunks/9722-139ea7558347584f.js" defer=""></script><script src="/_next/static/chunks/9422-3686b297c2706b1a.js" defer=""></script><script src="/_next/static/chunks/745-9267bdf0bc6bdec4.js" defer=""></script><script src="/_next/static/chunks/pages/admin/config-video-70ff8809d5483448.js" defer=""></script><script src="/_next/static/lWiPPlOB4VYA4dJ8n5mmr/_buildManifest.js" defer=""></script><script src="/_next/static/lWiPPlOB4VYA4dJ8n5mmr/_ssgManifest.js" defer=""></script></head><body><div id="__next"><div class="config-video-variants"><h1 class="ant-typography">Video configuration</h1><p class="description">Before changing your video configuration<!-- --> <a href="https://owncast.online/docs/video?source=admin" target="_blank" rel="noopener noreferrer">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><div class="ant-row" style="margin-left:-8px;margin-right:-8px;margin-top:-8px;margin-bottom:-8px"><div style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px" class="ant-col ant-col-md-24 ant-col-lg-12"><div class="form-module variants-table-module"><h3 class="ant-typography section-title">Stream output</h3><span class="status-container empty"></span><div class="ant-table-wrapper variants-table"><div class="ant-spin-nested-loading"><div class="ant-spin-container"><div class="ant-table ant-table-small"><div class="ant-table-container"><div class="ant-table-content"><table style="table-layout:auto"><colgroup></colgroup><thead class="ant-table-thead"><tr><th class="ant-table-cell">Name</th><th class="ant-table-cell">Video bitrate</th><th class="ant-table-cell">CPU Usage</th><th class="ant-table-cell"></th></tr></thead><tbody class="ant-table-tbody"><tr data-row-key="1" class="ant-table-row ant-table-row-level-0"><td class="ant-table-cell">No name</td><td class="ant-table-cell">800 kbps</td><td class="ant-table-cell">Medium</td><td class="ant-table-cell"><span class="actions"><button type="button" class="ant-btn ant-btn-default ant-btn-sm"><span>Edit</span></button><button type="button" class="ant-btn ant-btn-default ant-btn-sm ant-btn-icon-only delete-button" disabled=""><span role="img" aria-label="delete" class="anticon anticon-delete"><svg viewBox="64 64 896 896" focusable="false" data-icon="delete" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"></path></svg></span></button></span></td></tr></tbody></table></div></div></div></div></div></div><br/><button type="button" class="ant-btn ant-btn-primary"><span>Add a new variant</span></button></div></div><div style="padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px" class="ant-col ant-col-md-24 ant-col-lg-12"><div class="form-module latency-module"><div class="config-video-latency-container"><h3 class="ant-typography section-title">Latency Buffer</h3><p class="description">While it&#x27;s natural to want to keep your latency as low as possible, you may experience reduced error tolerance and stability the lower you go. The lowest setting is not recommended.</p><p class="description">For interactive live streams you may want to experiment with a lower latency, for non-interactive broadcasts you may want to increase it.<!-- --> <a href="https://owncast.online/docs/encoding#latency-buffer?source=admin" target="_blank" rel="noopener noreferrer">Read to learn more.</a></p><div class="segment-slider-container"><div class="ant-slider ant-slider-horizontal ant-slider-with-marks"><div class="ant-slider-rail"></div><div class="ant-slider-step"><span class="ant-slider-dot" style="left:0%;transform:translateX(-50%)"></span><span class="ant-slider-dot" style="left:100%;transform:translateX(-50%)"></span></div><div class="ant-slider-mark"><span class="ant-slider-mark-text" style="left:0%;transform:translateX(-50%)">Lowest</span><span class="ant-slider-mark-text" style="left:100%;transform:translateX(-50%)">Highest</span></div></div><p class="selected-value-note"></p><span class="status-container empty"></span></div></div></div><div class="ant-collapse ant-collapse-icon-position-start advanced-settings codec-module"><div class="ant-collapse-item"><div class="ant-collapse-header" aria-expanded="false" aria-disabled="false" role="button" tabindex="0"><div class="ant-collapse-expand-icon"><span role="img" aria-label="right" class="anticon anticon-right ant-collapse-arrow"><svg viewBox="64 64 896 896" focusable="false" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"></path></svg></span></div><span class="ant-collapse-header-text">Advanced Settings</span></div></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/admin/config-video","query":{},"buildId":"lWiPPlOB4VYA4dJ8n5mmr","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>