Loading something
})\n loadableOptions = _extends({}, loadableOptions, options);\n const loaderFn = loadableOptions.loader;\n const loader = ()=>loaderFn != null ? loaderFn().then(convertModule) : Promise.resolve(convertModule(()=>null));\n // coming from build/babel/plugins/react-loadable-plugin.js\n if (loadableOptions.loadableGenerated) {\n loadableOptions = _extends({}, loadableOptions, loadableOptions.loadableGenerated);\n delete loadableOptions.loadableGenerated;\n }\n // support for disabling server side rendering, eg: dynamic(() => import('../hello-world'), {ssr: false}).\n if (typeof loadableOptions.ssr === 'boolean' && !loadableOptions.ssr) {\n delete loadableOptions.webpack;\n delete loadableOptions.modules;\n }\n return loadableFn(_extends({}, loadableOptions, {\n loader: loader\n }));\n}\n// Normalize loader to return the module as form { default: Component } for `React.lazy`.\n// Also for backward compatible since next/dynamic allows to resolve a component directly with loader\n// Client component reference proxy need to be converted to a module.\nfunction convertModule(mod) {\n var ref;\n return {\n default: ((ref = mod) == null ? void 0 : ref.default) || mod\n };\n}\n\nif ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {\n Object.defineProperty(exports.default, '__esModule', { value: true });\n Object.assign(exports.default, exports);\n module.exports = exports.default;\n}\n\n//# sourceMappingURL=dynamic.js.map","\"use client\";\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.LoadableContext = void 0;\nvar _interop_require_default = require(\"@swc/helpers/lib/_interop_require_default.js\").default;\nvar _react = _interop_require_default(require(\"react\"));\n\nconst LoadableContext = _react.default.createContext(null);\nexports.LoadableContext = LoadableContext;\nif (process.env.NODE_ENV !== 'production') {\n LoadableContext.displayName = 'LoadableContext';\n}\n\n//# sourceMappingURL=loadable-context.js.map","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _extends = require(\"@swc/helpers/lib/_extends.js\").default;\nvar _interop_require_default = require(\"@swc/helpers/lib/_interop_require_default.js\").default;\nvar _react = _interop_require_default(require(\"react\"));\nvar _dynamicNoSsr = require(\"./dynamic-no-ssr\");\nvar _loadableContext = require(\"./loadable-context\");\nconst ALL_INITIALIZERS = [];\nconst READY_INITIALIZERS = [];\nlet initialized = false;\nfunction load(loader) {\n let promise = loader();\n let state = {\n loading: true,\n loaded: null,\n error: null\n };\n state.promise = promise.then((loaded)=>{\n state.loading = false;\n state.loaded = loaded;\n return loaded;\n }).catch((err)=>{\n state.loading = false;\n state.error = err;\n throw err;\n });\n return state;\n}\nfunction createLoadableComponent(loadFn, options) {\n let opts = Object.assign({\n loader: null,\n loading: null,\n delay: 200,\n timeout: null,\n webpack: null,\n modules: null,\n ssr: true\n }, options);\n opts.lazy = /*#__PURE__*/ _react.default.lazy(opts.loader);\n /** @type LoadableSubscription */ let subscription = null;\n function init() {\n if (!subscription) {\n // eslint-disable-next-line @typescript-eslint/no-use-before-define\n const sub = new LoadableSubscription(loadFn, opts);\n subscription = {\n getCurrentValue: sub.getCurrentValue.bind(sub),\n subscribe: sub.subscribe.bind(sub),\n retry: sub.retry.bind(sub),\n promise: sub.promise.bind(sub)\n };\n }\n return subscription.promise();\n }\n // Server only\n if (typeof window === 'undefined') {\n ALL_INITIALIZERS.push(init);\n }\n // Client only\n if (!initialized && typeof window !== 'undefined') {\n // require.resolveWeak check is needed for environments that don't have it available like Jest\n const moduleIds = opts.webpack && typeof require.resolveWeak === 'function' ? opts.webpack() : opts.modules;\n if (moduleIds) {\n READY_INITIALIZERS.push((ids)=>{\n for (const moduleId of moduleIds){\n if (ids.indexOf(moduleId) !== -1) {\n return init();\n }\n }\n });\n }\n }\n function useLoadableModule() {\n init();\n const context = _react.default.useContext(_loadableContext.LoadableContext);\n if (context && Array.isArray(opts.modules)) {\n opts.modules.forEach((moduleName)=>{\n context(moduleName);\n });\n }\n }\n function LoadableComponent(props) {\n useLoadableModule();\n const Loading = opts.loading;\n const fallbackElement = /*#__PURE__*/ _react.default.createElement(Loading, {\n isLoading: true,\n pastDelay: true,\n error: null\n });\n const Wrap = opts.ssr ? _react.default.Fragment : _dynamicNoSsr.NoSSR;\n const Lazy = opts.lazy;\n return /*#__PURE__*/ _react.default.createElement(_react.default.Suspense, {\n fallback: fallbackElement\n }, /*#__PURE__*/ _react.default.createElement(Wrap, null, /*#__PURE__*/ _react.default.createElement(Lazy, Object.assign({}, props))));\n }\n LoadableComponent.preload = ()=>init();\n LoadableComponent.displayName = 'LoadableComponent';\n return LoadableComponent;\n}\nclass LoadableSubscription {\n promise() {\n return this._res.promise;\n }\n retry() {\n this._clearTimeouts();\n this._res = this._loadFn(this._opts.loader);\n this._state = {\n pastDelay: false,\n timedOut: false\n };\n const { _res: res , _opts: opts } = this;\n if (res.loading) {\n if (typeof opts.delay === 'number') {\n if (opts.delay === 0) {\n this._state.pastDelay = true;\n } else {\n this._delay = setTimeout(()=>{\n this._update({\n pastDelay: true\n });\n }, opts.delay);\n }\n }\n if (typeof opts.timeout === 'number') {\n this._timeout = setTimeout(()=>{\n this._update({\n timedOut: true\n });\n }, opts.timeout);\n }\n }\n this._res.promise.then(()=>{\n this._update({});\n this._clearTimeouts();\n }).catch((_err)=>{\n this._update({});\n this._clearTimeouts();\n });\n this._update({});\n }\n _update(partial) {\n this._state = _extends({}, this._state, {\n error: this._res.error,\n loaded: this._res.loaded,\n loading: this._res.loading\n }, partial);\n this._callbacks.forEach((callback)=>callback());\n }\n _clearTimeouts() {\n clearTimeout(this._delay);\n clearTimeout(this._timeout);\n }\n getCurrentValue() {\n return this._state;\n }\n subscribe(callback) {\n this._callbacks.add(callback);\n return ()=>{\n this._callbacks.delete(callback);\n };\n }\n constructor(loadFn, opts){\n this._loadFn = loadFn;\n this._opts = opts;\n this._callbacks = new Set();\n this._delay = null;\n this._timeout = null;\n this.retry();\n }\n}\nfunction Loadable(opts) {\n return createLoadableComponent(load, opts);\n}\nfunction flushInitializers(initializers, ids) {\n let promises = [];\n while(initializers.length){\n let init = initializers.pop();\n promises.push(init(ids));\n }\n return Promise.all(promises).then(()=>{\n if (initializers.length) {\n return flushInitializers(initializers, ids);\n }\n });\n}\nLoadable.preloadAll = ()=>{\n return new Promise((resolveInitializers, reject)=>{\n flushInitializers(ALL_INITIALIZERS).then(resolveInitializers, reject);\n });\n};\nLoadable.preloadReady = (ids = [])=>{\n return new Promise((resolvePreload)=>{\n const res = ()=>{\n initialized = true;\n return resolvePreload();\n };\n // We always will resolve, errors should be handled within loading UIs.\n flushInitializers(READY_INITIALIZERS, ids).then(res, res);\n });\n};\nif (typeof window !== 'undefined') {\n window.__NEXT_PRELOADREADY = Loadable.preloadReady;\n}\nvar _default = Loadable;\nexports.default = _default;\n\n//# sourceMappingURL=loadable.js.map","import React from 'react';\nimport { useRecoilValue } from 'recoil';\nimport { useRouter } from 'next/router';\nimport {\n clientConfigStateAtom,\n ClientConfigStore,\n isOnlineSelector,\n serverStatusState,\n} from '../../../components/stores/ClientConfigStore';\nimport { OfflineBanner } from '../../../components/ui/OfflineBanner/OfflineBanner';\nimport { Statusbar } from '../../../components/ui/Statusbar/Statusbar';\nimport { OwncastPlayer } from '../../../components/video/OwncastPlayer/OwncastPlayer';\nimport { ClientConfig } from '../../../interfaces/client-config.model';\nimport { ServerStatus } from '../../../interfaces/server-status.model';\n\nexport default function VideoEmbed() {\n const status = useRecoilValueLoading something
})\n loadableOptions = _extends({}, loadableOptions, options);\n const loaderFn = loadableOptions.loader;\n const loader = ()=>loaderFn != null ? loaderFn().then(convertModule) : Promise.resolve(convertModule(()=>null));\n // coming from build/babel/plugins/react-loadable-plugin.js\n if (loadableOptions.loadableGenerated) {\n loadableOptions = _extends({}, loadableOptions, loadableOptions.loadableGenerated);\n delete loadableOptions.loadableGenerated;\n }\n // support for disabling server side rendering, eg: dynamic(() => import('../hello-world'), {ssr: false}).\n if (typeof loadableOptions.ssr === 'boolean' && !loadableOptions.ssr) {\n delete loadableOptions.webpack;\n delete loadableOptions.modules;\n }\n return loadableFn(_extends({}, loadableOptions, {\n loader: loader\n }));\n}\n// Normalize loader to return the module as form { default: Component } for `React.lazy`.\n// Also for backward compatible since next/dynamic allows to resolve a component directly with loader\n// Client component reference proxy need to be converted to a module.\nfunction convertModule(mod) {\n var ref;\n return {\n default: ((ref = mod) == null ? void 0 : ref.default) || mod\n };\n}\n\nif ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {\n Object.defineProperty(exports.default, '__esModule', { value: true });\n Object.assign(exports.default, exports);\n module.exports = exports.default;\n}\n\n//# sourceMappingURL=dynamic.js.map","\"use client\";\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.LoadableContext = void 0;\nvar _interop_require_default = require(\"@swc/helpers/lib/_interop_require_default.js\").default;\nvar _react = _interop_require_default(require(\"react\"));\n\nconst LoadableContext = _react.default.createContext(null);\nexports.LoadableContext = LoadableContext;\nif (process.env.NODE_ENV !== 'production') {\n LoadableContext.displayName = 'LoadableContext';\n}\n\n//# sourceMappingURL=loadable-context.js.map","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _extends = require(\"@swc/helpers/lib/_extends.js\").default;\nvar _interop_require_default = require(\"@swc/helpers/lib/_interop_require_default.js\").default;\nvar _react = _interop_require_default(require(\"react\"));\nvar _dynamicNoSsr = require(\"./dynamic-no-ssr\");\nvar _loadableContext = require(\"./loadable-context\");\nconst ALL_INITIALIZERS = [];\nconst READY_INITIALIZERS = [];\nlet initialized = false;\nfunction load(loader) {\n let promise = loader();\n let state = {\n loading: true,\n loaded: null,\n error: null\n };\n state.promise = promise.then((loaded)=>{\n state.loading = false;\n state.loaded = loaded;\n return loaded;\n }).catch((err)=>{\n state.loading = false;\n state.error = err;\n throw err;\n });\n return state;\n}\nfunction createLoadableComponent(loadFn, options) {\n let opts = Object.assign({\n loader: null,\n loading: null,\n delay: 200,\n timeout: null,\n webpack: null,\n modules: null,\n ssr: true\n }, options);\n opts.lazy = /*#__PURE__*/ _react.default.lazy(opts.loader);\n /** @type LoadableSubscription */ let subscription = null;\n function init() {\n if (!subscription) {\n // eslint-disable-next-line @typescript-eslint/no-use-before-define\n const sub = new LoadableSubscription(loadFn, opts);\n subscription = {\n getCurrentValue: sub.getCurrentValue.bind(sub),\n subscribe: sub.subscribe.bind(sub),\n retry: sub.retry.bind(sub),\n promise: sub.promise.bind(sub)\n };\n }\n return subscription.promise();\n }\n // Server only\n if (typeof window === 'undefined') {\n ALL_INITIALIZERS.push(init);\n }\n // Client only\n if (!initialized && typeof window !== 'undefined') {\n // require.resolveWeak check is needed for environments that don't have it available like Jest\n const moduleIds = opts.webpack && typeof require.resolveWeak === 'function' ? opts.webpack() : opts.modules;\n if (moduleIds) {\n READY_INITIALIZERS.push((ids)=>{\n for (const moduleId of moduleIds){\n if (ids.indexOf(moduleId) !== -1) {\n return init();\n }\n }\n });\n }\n }\n function useLoadableModule() {\n init();\n const context = _react.default.useContext(_loadableContext.LoadableContext);\n if (context && Array.isArray(opts.modules)) {\n opts.modules.forEach((moduleName)=>{\n context(moduleName);\n });\n }\n }\n function LoadableComponent(props) {\n useLoadableModule();\n const Loading = opts.loading;\n const fallbackElement = /*#__PURE__*/ _react.default.createElement(Loading, {\n isLoading: true,\n pastDelay: true,\n error: null\n });\n const Wrap = opts.ssr ? _react.default.Fragment : _dynamicNoSsr.NoSSR;\n const Lazy = opts.lazy;\n return /*#__PURE__*/ _react.default.createElement(_react.default.Suspense, {\n fallback: fallbackElement\n }, /*#__PURE__*/ _react.default.createElement(Wrap, null, /*#__PURE__*/ _react.default.createElement(Lazy, Object.assign({}, props))));\n }\n LoadableComponent.preload = ()=>init();\n LoadableComponent.displayName = 'LoadableComponent';\n return LoadableComponent;\n}\nclass LoadableSubscription {\n promise() {\n return this._res.promise;\n }\n retry() {\n this._clearTimeouts();\n this._res = this._loadFn(this._opts.loader);\n this._state = {\n pastDelay: false,\n timedOut: false\n };\n const { _res: res , _opts: opts } = this;\n if (res.loading) {\n if (typeof opts.delay === 'number') {\n if (opts.delay === 0) {\n this._state.pastDelay = true;\n } else {\n this._delay = setTimeout(()=>{\n this._update({\n pastDelay: true\n });\n }, opts.delay);\n }\n }\n if (typeof opts.timeout === 'number') {\n this._timeout = setTimeout(()=>{\n this._update({\n timedOut: true\n });\n }, opts.timeout);\n }\n }\n this._res.promise.then(()=>{\n this._update({});\n this._clearTimeouts();\n }).catch((_err)=>{\n this._update({});\n this._clearTimeouts();\n });\n this._update({});\n }\n _update(partial) {\n this._state = _extends({}, this._state, {\n error: this._res.error,\n loaded: this._res.loaded,\n loading: this._res.loading\n }, partial);\n this._callbacks.forEach((callback)=>callback());\n }\n _clearTimeouts() {\n clearTimeout(this._delay);\n clearTimeout(this._timeout);\n }\n getCurrentValue() {\n return this._state;\n }\n subscribe(callback) {\n this._callbacks.add(callback);\n return ()=>{\n this._callbacks.delete(callback);\n };\n }\n constructor(loadFn, opts){\n this._loadFn = loadFn;\n this._opts = opts;\n this._callbacks = new Set();\n this._delay = null;\n this._timeout = null;\n this.retry();\n }\n}\nfunction Loadable(opts) {\n return createLoadableComponent(load, opts);\n}\nfunction flushInitializers(initializers, ids) {\n let promises = [];\n while(initializers.length){\n let init = initializers.pop();\n promises.push(init(ids));\n }\n return Promise.all(promises).then(()=>{\n if (initializers.length) {\n return flushInitializers(initializers, ids);\n }\n });\n}\nLoadable.preloadAll = ()=>{\n return new Promise((resolveInitializers, reject)=>{\n flushInitializers(ALL_INITIALIZERS).then(resolveInitializers, reject);\n });\n};\nLoadable.preloadReady = (ids = [])=>{\n return new Promise((resolvePreload)=>{\n const res = ()=>{\n initialized = true;\n return resolvePreload();\n };\n // We always will resolve, errors should be handled within loading UIs.\n flushInitializers(READY_INITIALIZERS, ids).then(res, res);\n });\n};\nif (typeof window !== 'undefined') {\n window.__NEXT_PRELOADREADY = Loadable.preloadReady;\n}\nvar _default = Loadable;\nexports.default = _default;\n\n//# sourceMappingURL=loadable.js.map","import React from 'react';\nimport { useRecoilValue } from 'recoil';\nimport { useRouter } from 'next/router';\nimport {\n clientConfigStateAtom,\n ClientConfigStore,\n isOnlineSelector,\n serverStatusState,\n} from '../../../components/stores/ClientConfigStore';\nimport { OfflineBanner } from '../../../components/ui/OfflineBanner/OfflineBanner';\nimport { Statusbar } from '../../../components/ui/Statusbar/Statusbar';\nimport { OwncastPlayer } from '../../../components/video/OwncastPlayer/OwncastPlayer';\nimport { ClientConfig } from '../../../interfaces/client-config.model';\nimport { ServerStatus } from '../../../interfaces/server-status.model';\n\nexport default function VideoEmbed() {\n const status = useRecoilValueWhat is your stream about today?
| Name | Token | Scopes | Last Used | |
|---|---|---|---|---|
No data | ||||
What is your stream about today?
| Name | Token | Scopes | Last Used | |
|---|---|---|---|---|
No data | ||||
What is your stream about today?
| Name | Description | URL | Icon | Color | Opens | |
|---|---|---|---|---|---|---|
No data | ||||||
What is your stream about today?
| Name | Description | URL | Icon | Color | Opens | |
|---|---|---|---|---|---|---|
No data | ||||||
What is your stream about today?
| Name | Emoji | |
|---|---|---|
No data | ||
What is your stream about today?
| Name | Emoji | |
|---|---|---|
No data | ||
What is your stream about today?
Manage the messages from viewers that show up on your stream.
Time | User | Message |
|---|
No data | ||||
What is your stream about today?
Manage the messages from viewers that show up on your stream.
Time | User | Message |
|---|
No data | ||||
What is your stream about today?
When a stream is active and chat is enabled, connected chat clients will be displayed here.
What is your stream about today?
When a stream is active and chat is enabled, connected chat clients will be displayed here.
What is your stream about today?
What is your stream about today?
What is your stream about today?
What is your stream about today?
What is your stream about today?
Let your viewers know when you go live by supporting any of the below notification channels. Learn more about live notifications.
The full url to your Owncast server is required to enable social features. Must use SSL (https). Once people start following your instance you should not change this.
Viewers can opt into being notified when you go live with their browser.
Not all browsers support this.
The text to send when you go live.
Let your Discord channel know each time you go live.
Create a webhook under Edit Channel / Integrations on your Discord channel and provide it below.
The webhook assigned to your channel.
The text to send when you go live.
What is your stream about today?
Let your viewers know when you go live by supporting any of the below notification channels. Learn more about live notifications.
The full url to your Owncast server is required to enable social features. Must use SSL (https). Once people start following your instance you should not change this.
Viewers can opt into being notified when you go live with their browser.
Not all browsers support this.
The text to send when you go live.
Let your Discord channel know each time you go live.
Create a webhook under Edit Channel / Integrations on your Discord channel and provide it below.
The webhook assigned to your channel.
The text to send when you go live.
What is your stream about today?
Add all your social media handles and links to your other profiles here.
| Social Link | |
|---|---|
No data | |
What is your stream about today?
Add all your social media handles and links to your other profiles here.
| Social Link | |
|---|---|
No data | |
What is your stream about today?
Before changing your video configuration visit the video documentation 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.
| Name | Video bitrate | CPU Usage | |
|---|---|---|---|
| No name | 800 kbps | Medium |
While it'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.
For interactive live streams you may want to experiment with a lower latency, for non-interactive broadcasts you may want to increase it. Read to learn more.
What is your stream about today?
Before changing your video configuration visit the video documentation 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.
| Name | Video bitrate | CPU Usage | |
|---|---|---|---|
| No name | 800 kbps | Medium |
While it'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.
For interactive live streams you may want to experiment with a lower latency, for non-interactive broadcasts you may want to increase it. Read to learn more.
What is your stream about today?
The following are displayed on your site to describe your stream and its content. Learn more.
This is a great way to categorize your Owncast server on the Directory!
Add all your social media handles and links to your other profiles here.
| Social Link | |
|---|---|
No data | |
What is your stream about today?
The following are displayed on your site to describe your stream and its content. Learn more.
This is a great way to categorize your Owncast server on the Directory!
Add all your social media handles and links to your other profiles here.
| Social Link | |
|---|---|
No data | |
What is your stream about today?
You should change your admin password from the default and keep it safe. For most people it's likely the other settings will not need to be changed.
What is your stream about today?
You should change your admin password from the default and keep it safe. For most people it's likely the other settings will not need to be changed.
What is your stream about today?
| Action | From | When |
|---|---|---|
No data | ||
What is your stream about today?
| Action | From | When |
|---|---|---|
No data | ||
What is your stream about today?
The following accounts get notified when you go live or send a post.
| Name | URL | Added | Remove | |
|---|---|---|---|---|
No data | ||||
What is your stream about today?
The following accounts get notified when you go live or send a post.
| Name | URL | Added | Remove | |
|---|---|---|---|---|
No data | ||||
What is your stream about today?
What is your stream about today?
What is your stream about today?
What is your stream about today?
What is your stream about today?
You should start one.
What is your stream about today?
You should start one.
What is your stream about today?
What is your stream about today?
What is your stream about today?
What is your stream about today?
What is your stream about today?
What is your stream about today?
What is your stream about today?
| User Agent | Location | Watch Time |
|---|---|---|
No data | ||
What is your stream about today?
| User Agent | Location | Watch Time |
|---|---|---|
No data | ||
What is your stream about today?
| URL | Events | |
|---|---|---|
No data | ||
What is your stream about today?
| URL | Events | |
|---|---|---|
No data | ||