
* framerates #1138 https://github.com/owncast/owncast/issues/1138# This is a technically correct and low to no risk making the low end default 25. now has 25 default, 30, 50, 60 and outrageous. This is a good balance as the standard in NA and Japan and such and such is still 30/60 and EU etc is 25/50. So I've just piggybacked the same description for 50 and 60 options and tacked an EU and NA on them. Pardon my ignorance but I cannot find where the heck the default visual stream options name only is being generated. I've tried reinstalling owncast on top my edited admin no dice. tested with all variants individual and stacked with no issues. * Update config-constants.tsx per discussion reintroduced the 24fps default thus removing any paradox with the core code text visual naming removed NA , EU references re-tested
This is a Next.js project with TypeScript, Sass styling, using Ant Design UI components.
Getting Started
First, run the development server:
npm run dev
# or
yarn dev
Second, make sure you're running an instance of Owncast on localhost:8080, as your copy of the admin will look to use that as the API.
In production this Admin instance would ideally live on the domain as your Owncast instance, for example: myowncast-site.com/admin
. So open http://localhost:3000/admin with your browser to see the result.
You can start editing a page by modifying pages/something.js
. The page auto-updates as you edit the file.
Add new pages by adding files to the pages
directory and routes will be available for this new page component.
Since this project hits API endpoints you should make requests in componentDidMount
, and not in getStaticProps
, since they're not static and we don't want to fetch them at build time, but instead at runtime.
A list of API end points can be found here: https://owncast.online/api/development/
Auth-ing for APIs
Auth: HTTP Basic username: admin pw: [your streamkey]
Learn More
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!