The user interface of the Restreamer for the connection to the Core application.

Overview

Restreamer-UI

The user interface of the Restreamer for the connection to the Core application.

  • React
  • Material-UI (MUI)

Development

For the Restreamer interface:

$ git clone github.com/datarhei/restreamer-ui
$ cd restreamer-ui
$ yarn install
$ npm run start

Connect the UI with a datarhei Core: http://localhost:3000?address=http://core-ip:core-port/

To add/fix translations:

Locales are located in src/locals

$ npm run i18n-extract:clean
$ npm run i18n-compile

License

See the LICENSE file for licensing information.

Comments
  • Restreamer-UI forces creation of admin user even if already exist

    Restreamer-UI forces creation of admin user even if already exist

    When starting the Restreamer-UI container and opening the GUI, i need to change the admin credentials of the Restreamer-Core. These credentials are already set while booting the core(docker-compose file).

    Changing the credentials in the Restreamer-UI allows the ui to proceed to the login prompt. In this login prompt the newly "changed" credentials are not working. The Restreamer-Core credentials as specified on boot do still work.

    Maybe try to make a toggle, or change the way the UI connects to the core to bypass the creation of a (non-working) admin user.

    bug 
    opened by royvandongen 3
  • Reduce size, serve production build

    Reduce size, serve production build

    Reduce the size of the Docker image by only holding the production build of the UI. The files are served by Caddy server. For bundling, the production build files are still in /ui/build

    opened by ioppermann 2
  • Restreamer-UI takes way too much resources - crashes

    Restreamer-UI takes way too much resources - crashes

    While running Restreamer-UI i have noticed the process taking up upto 100% cpu and 2gigs of memory (just the UI). while using the composefile below:

    When adding mem_limit: 500m and cpus:0.50, the ui wont even start anymore. indicating something might be wrong with the ui (process node /ui/node_modules/react-scripts/start.js is running at max cpu). 500Megabyte of memory and 1.5Ghz should be plenty to run a basic gui under normal circumstances.

    Also the documentation lacks explanaition about the current state of restreamer-ui and the posibility to connect to the core at the correct methods.

    docker logs output:

    > react-scripts start
    
    ℹ 「wds」: Project is running at http://172.20.0.3/
    ℹ 「wds」: webpack output is served from 
    ℹ 「wds」: Content not from webpack is served from /ui/public
    ℹ 「wds」: 404s will fallback to /
    Starting the development server...
    
    The build failed because the process exited too early. This probably means the system ran out of memory or someone called `kill -9` on the process.
    npm WARN config cache-min This option has been deprecated in favor of `--prefer-offline`.
    

    docker-compose.yml:

    services:
      restreamer:
        image: datarhei/core:latest
        container_name: restreamer
        restart: always
        ports:
          - 8080:8080
          - 1935:1935
        volumes:
          - /opt/datarhei/data/core/config:/core/config
          - /opt/datarhei/data/core/data:/core/data
        environment:
          - CORE_API_AUTH_USERNAME=${API_USERNAME}
          - CORE_API_AUTH_PASSWORD=${API_PASSWORD}
          - CORE_RTMP_ENABLE=true
          - CORE_RTMP_ADDRESS=:1935
          - CORE_RTMP_APP=/live
          - CORE_METRICS_ENABLE=true
          - CORE_METRICS_ENABLE_PROMETHEUS=true
      restreamer-gui:
        image: datarhei/restreamer-ui:latest
        container_name: restreamer-gui
        restart: always
        depends_on:
          - restreamer
        ports:
          - 3000:3000```
    question 
    opened by royvandongen 2
  • [Snyk] Upgrade @mui/styles from 5.6.2 to 5.7.0

    [Snyk] Upgrade @mui/styles from 5.6.2 to 5.7.0

    Snyk has created this PR to upgrade @mui/styles from 5.6.2 to 5.7.0.

    :information_source: Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project.


    • The recommended version is 1 version ahead of your current version.
    • The recommended version was released 21 days ago, on 2022-05-10.

    Note: You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs.

    For more information:

    🧐 View latest project report

    🛠 Adjust upgrade PR settings

    🔕 Ignore this dependency or unsubscribe from future upgrade PRs

    opened by snyk-bot 1
  • [Snyk] Upgrade @auth0/auth0-spa-js from 1.21.0 to 1.21.1

    [Snyk] Upgrade @auth0/auth0-spa-js from 1.21.0 to 1.21.1

    Snyk has created this PR to upgrade @auth0/auth0-spa-js from 1.21.0 to 1.21.1.

    :information_source: Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project.


    • The recommended version is 1 version ahead of your current version.
    • The recommended version was released 21 days ago, on 2022-05-10.

    Note: You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs.

    For more information:

    🧐 View latest project report

    🛠 Adjust upgrade PR settings

    🔕 Ignore this dependency or unsubscribe from future upgrade PRs

    opened by snyk-bot 1
  • [Snyk] Upgrade @mui/material from 5.6.3 to 5.7.0

    [Snyk] Upgrade @mui/material from 5.6.3 to 5.7.0

    Snyk has created this PR to upgrade @mui/material from 5.6.3 to 5.7.0.

    merge advice :information_source: Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project.


    • The recommended version is 2 versions ahead of your current version.
    • The recommended version was released 21 days ago, on 2022-05-10.

    Note: You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs.

    For more information:

    🧐 View latest project report

    🛠 Adjust upgrade PR settings

    🔕 Ignore this dependency or unsubscribe from future upgrade PRs

    opened by snyk-bot 1
  • [Snyk] Upgrade video.js from 7.18.1 to 7.19.2

    [Snyk] Upgrade video.js from 7.18.1 to 7.19.2

    Snyk has created this PR to upgrade video.js from 7.18.1 to 7.19.2.

    merge advice :information_source: Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project.


    • The recommended version is 3 versions ahead of your current version.
    • The recommended version was released a month ago, on 2022-04-20.

    Note: You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs.

    For more information:

    🧐 View latest project report

    🛠 Adjust upgrade PR settings

    🔕 Ignore this dependency or unsubscribe from future upgrade PRs

    opened by snyk-bot 1
  • [Snyk] Upgrade hls.js from 0.13.2 to 0.14.17

    [Snyk] Upgrade hls.js from 0.13.2 to 0.14.17

    Snyk has created this PR to upgrade hls.js from 0.13.2 to 0.14.17.

    merge advice :information_source: Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project.


    • The recommended version is 312 versions ahead of your current version.
    • The recommended version was released a year ago, on 2020-12-09.

    Note: You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs.

    For more information:

    🧐 View latest project report

    🛠 Adjust upgrade PR settings

    🔕 Ignore this dependency or unsubscribe from future upgrade PRs

    opened by snyk-bot 1
  • Multiple Core instances, single UI seat

    Multiple Core instances, single UI seat

    Would it be a sensible roadmap item to have UI able to manage multiple instances of Core?

    I'm currently experimenting with Restreamer in a context where we have 4x boxes with AJA capture cards handling a few channels of encoding each (Currently gstreamer, but we'd like to switch to something a bit more orchestratable).

    As it is, we're running the bundled docker container on each box, but this does require running 4x tabs of UI for managing the four boxes.

    It would be nice to be able to point a UI instance at multiple instances of core, and manage all 12 streams from one UI.

    opened by alfiepates 0
  • [Snyk] Security upgrade react-scripts from 4.0.3 to 5.0.0

    [Snyk] Security upgrade react-scripts from 4.0.3 to 5.0.0

    This PR was automatically created by Snyk using the credentials of a real user.


    Snyk has created this PR to fix one or more vulnerable packages in the `yarn` dependencies of this project.

    Changes included in this PR

    • Changes to the following files to upgrade the vulnerable dependencies to a fixed version:
      • package.json
      • yarn.lock

    Vulnerabilities that will be fixed

    With an upgrade:

    Severity | Priority Score (*) | Issue | Breaking Change | Exploit Maturity :-------------------------:|-------------------------|:-------------------------|:-------------------------|:------------------------- high severity | 661/1000
    Why? Recently disclosed, Has a fix available, CVSS 7.5 | Prototype Pollution
    SNYK-JS-LOADERUTILS-3043105 | Yes | No Known Exploit

    (*) Note that the real score may have changed since the PR was raised.

    Check the changes in this PR to ensure they won't cause issues with your project.


    Note: You are seeing this because you or someone else with access to this repository has authorized Snyk to open fix PRs.

    For more information: 🧐 View latest project report

    🛠 Adjust project settings

    📚 Read more about Snyk's upgrade and patch logic


    Learn how to fix vulnerabilities with free interactive lessons:

    🦉 Prototype Pollution

    opened by jstabenow 1
  • improvement to get json playerConfig

    improvement to get json playerConfig

    Restreamer has a url to get player configs: https://[restreamer-domain]/channels/[GUID]/config.js

    this returns the following script file (example): var playerConfig = {"autoplay":false,"mute":true, ... }}

    I think it would be better to just return the json part, without "var playerConfig = ", that way it would be much more interoperable, without needing to instantiate script to get a var name, that is more hardcoded.

    question 
    opened by utilsites 2
  • [Snyk] Security upgrade react-scripts from 4.0.3 to 5.0.0

    [Snyk] Security upgrade react-scripts from 4.0.3 to 5.0.0

    This PR was automatically created by Snyk using the credentials of a real user.


    Snyk has created this PR to fix one or more vulnerable packages in the `yarn` dependencies of this project.

    merge advice

    Changes included in this PR

    • Changes to the following files to upgrade the vulnerable dependencies to a fixed version:
      • package.json
      • yarn.lock

    Vulnerabilities that will be fixed

    With an upgrade:

    Severity | Priority Score (*) | Issue | Breaking Change | Exploit Maturity :-------------------------:|-------------------------|:-------------------------|:-------------------------|:------------------------- medium severity | 551/1000
    Why? Recently disclosed, Has a fix available, CVSS 5.3 | Regular Expression Denial of Service (ReDoS)
    SNYK-JS-MINIMATCH-3050818 | Yes | No Known Exploit

    (*) Note that the real score may have changed since the PR was raised.

    Check the changes in this PR to ensure they won't cause issues with your project.


    Note: You are seeing this because you or someone else with access to this repository has authorized Snyk to open fix PRs.

    For more information: 🧐 View latest project report

    🛠 Adjust project settings

    📚 Read more about Snyk's upgrade and patch logic


    Learn how to fix vulnerabilities with free interactive lessons:

    🦉 Regular Expression Denial of Service (ReDoS)

    opened by jstabenow 1
  • Add resolution setting and/or expert filters input

    Add resolution setting and/or expert filters input

    Hello!

    It'd be nice to see a resolution option, like with bitrate where you have few ready ones and a possibility for custom one. Additionally, "Expert-mode" text-input box where you can specify FFMPEG filters yourself.

    Keep up the good work!

    enhancement 
    opened by DatCaptainHorse 0
Releases(v1.6.0)
  • v1.6.0(Nov 24, 2022)

    v1.5.1 > v1.6.0

    • Add Bob Weaver Deinterlacing Filter (#465)
    • Add tests for wizard, network source, and coders
    • Add Korean translation (thanks to Jihaeng)
    • Mod splitting wizard in components
    • Fix wrong call to encoder defaults (#467)

    Dependency:

    • datarhei Core v16.11.0+
    • FFmpeg 5.1
    Source code(tar.gz)
    Source code(zip)
  • v1.5.1(Nov 14, 2022)

    v1.5.0 > v1.5.1

    • Fix FFmpeg version check for RTSP sources (datarhei/restreamer#455)
    • Fix requires Core >= v16.11.0 and FFmpeg >= 5.1.0

    Dependency:

    • datarhei Core v16.11.0+
    • FFmpeg 5.1
    Source code(tar.gz)
    Source code(zip)
  • v1.5.0(Nov 11, 2022)

    v1.4.0 > v1.5.0

    • Add changelog viewer
    • Add skills props to encoder and decoder components
    • Add fps_mode to x264, x265, vp9 encoder
    • Add scale filter to non-hwaccel encoders
    • Add PeerTube and Media Network to publication services (plattforms, software)
    • Add reset button to hide a player logo (#431)
    • Mod expands V4L2_M2M options (an unstable RPI 64bit encoder)
    • Mod indicates a faulty cache configuration
    • Mod switches to the improved SRT syntax (thx to SA Consulting)
    • Mod improves display of progress data
    • Mod removes deprecated param ocl - now ochl (ff5)
    • Mod simplifies the setup of Restreamer-to-Restreamer connections
    • Mod adds Istafeed.me as StreamKey service to Instagram's publishing service
    • Mod renames "Low delay" to "Low latency (buffer)" and set false as default (requires more feedback)
    • Del removes support for clappr player
    • Fix npm dependencies (security fixes)
    • Fix videojs-overlay logo size (#431)
    • Fix use of TLS for input from local RTMP server
    • Fix Icecast publication service settings (datarhei/restreamer#429)
    • Fix removes SRT bitstream on tee (OBS > RTMP > SRT is faulty)

    Dependency:

    • datarhei Core v16.11.0+
    Source code(tar.gz)
    Source code(zip)
  • v1.4.0(Sep 30, 2022)

  • v1.3.0(Sep 30, 2022)

    v1.2.0 > v1.3.0

    • Add low_delay option to processing (default: true)
    • Mod uses the ingest stream for publication (datarhei/restreamer#411)
    • Add dlive & Trovo publication services
    • Mod optimized DVR on DiskFS
    • Mod updates packages
    • Fix SRT bitstream on tee
    • Fix typo
    • Fix viewer count (datarhei/restreamer#394)
    • Fix user registration if username and/or password are set via environment (datarhei/restreamer-ui#13)
    • Fix Dockerfile, Reduce size, serve production build (datarhei/restreamer-ui#12)

    Dependency:

    • datarhei Core v16.10.0+
    Source code(tar.gz)
    Source code(zip)
  • v1.2.0(Jul 21, 2022)

    v1.1.0 > v1.2.0

    • Add allow writing HLS to disk
    • Add audio pan filter
    • Add video rotation filter (#347)
    • Add video h/v flip filter
    • Add audio volume filter (#313)
    • Add audio loudness normalization filter
    • Add audio resample filter, that was before part of the encoders
    • Add HLS Master playlist (requires FFmpeg hlsbitrate.patch) (thx Dwaynarang, Electra Player compatibility)
    • Add LinkedIn & Azure Media Services to publication services (thx kalashnikov)
    • Add AirPlay support with silvermine videojs plugin
    • Add Chromecast support (thx badincite, #10)
    • Add stream distribution across multiple internal servers
    • Add SRT settings
    • Add HLS version selection (thx Dwaynarang, Electra Player compatibility)
    • Add Owncast to publication services (#369)
    • Add Telegram to publication services (thx Martin Held)
    • Add Polish translations (thx Robert Rykała)
    • Mod extends the datarhei Core publication service with srt streaming
    • Mod allow decoders and encoders to set global options
    • Mod allow trailing slash on Core address
    • Fix player problem with different stream formats (9:16)
    • Fix process report naming
    • Fix publication service icon styles
    • Fix VAAPI encoder

    Dependency:

    • datarhei Core v16.9.0+
    Source code(tar.gz)
    Source code(zip)
  • v1.1.0(Jun 3, 2022)

    Restreamer UI v1.0.0 > v1.1.0

    • Add compatibility list for encoders
    • Add "HLS cleanup" as an optional function (Philipp Trenz)
    • Add /ui info to / (#326)
    • Add Russian translation (thx Inthegamelp)
    • Add missed VAAPI encoder
    • Add missed V4L2_M2M encoder
    • Add missed Raspberry Pi 64bit Docker image
    • Mod updates VideoJS
    • Add option to disable playersites share-button (thx Anders Mellgren)
    • Fix hides unset content license on playersite (thx Anders Mellgren)
    • Fix updates V4L2 device-list on select
    • Fix snapshot interval (#341)
    • Fix reverse proxy issue (#340)
    • Fix double escape failer (#336)
    • Fix type in player plugin (#336)
    • Fix deletes processes with dependencies (thx Patron Ramakrishna Chillara)
    • Fix datarhei Core publication service
    • Fix dependabot alerts
    • Fix code scanning alerts
    • Merge security pr

    Preparation for FFmpeg v5.0 (migration will not work)

    • Add FFmpeg v5.0 commands (preparation)
    • Mod allows FFmpeg v5.0 (preparation)
    Source code(tar.gz)
    Source code(zip)
  • v1.0.0(May 13, 2022)

Owner
datarhei
AN EASY TO USE OPEN SOURCE VIDEO SERVER AND FRAMEWORK FOR FREE VIDEO STREAMING
datarhei
An application that has a frontend (user interface) that allows you to create, read, update or delete (CRUD) products using an API in which you can also create, read, update or delete products.

CRUD app with React and Firebase 9 An application that has a frontend (user interface) that allows you to create, read, update or delete (CRUD) produc

Júlio Bem 3 Sep 28, 2021
The UI for staking NFTs on Solana. Cardinal staking UI can be treated as an admin interface for stake pools hosted by cardinal-staking as well as a barebones end-user staking UI

Cardinal Staking UI This repository hosts the UI inteface that powers https://stake.cardinal.so for staking NFTs on Solana. Use this repo to create an

Cardinal 55 Dec 24, 2022
This is a calculator application. The user can do some calculations on this application.

Math Magicians This is a calculator application. The user can do some calculations on this application. Built with: Reactjs Redux Live Live demo deplo

Firdavs Allamurotov 4 May 15, 2022
Demo site build in Umbraco v.9.0.0-beta004 and .NET Core 5.0

Umbraco v9 Demo Demo site build in Umbraco v.9.0.0-beta004 and .NET Core 5.0. About this solution: This is a demo site for Umbraco v9 build in the new

Dennis Adolfi 61 Dec 18, 2022
A demo app to illustrate core and latest concepts in Ember.js

ember-workshop A demo app to illustrate core and latest concepts in Ember.js Setup Installation Clone this repo. git clone [email protected]:ijlee2/ember

Isaac Lee 15 Dec 17, 2022
As a user, I want to be able to post about travel locations and provide comments and ratings. As a user, I want to be able to look at other users posts and search travel locations by rating.

Travel-bug https://travelbug-project.herokuapp.com/ Table of Contents User-Story Description Installation Usage Contributions Tests License Questions

Megan 3 Mar 2, 2022
A bookstore app that allows a user add a book, displays added book with reviews and rating for each book and allows a user delete a book.

BOOKSTORE A bookstore app that allows a user add a book, displays added book with reviews and rating for each book and allows a user delete a book. Bu

Promise Okechukwu 7 Nov 1, 2022
TryShape is an open-source platform to create shapes of your choice using a simple, easy-to-use interface. You can create banners, circles, polygonal shapes, export them as SVG, PNG, and even as CSS.

Create, Export, Share, and Use any Shapes of your choice. View Demo · Report Bug · Request Feature ?? Introducing TryShape TryShape is an opensource p

TryShape 148 Dec 26, 2022
Joke feedback interface that prevents unconstructive criticism

Feedback Sentiment Try it out! I always love and welcome constructive criticism, but when "feedback" becomes unconstructive and borderline insulting..

null 34 Nov 30, 2021
A simplified Telegraf plugin to provide users with a great interface.

telegraf-pagination A simplified Telegraf plugin to provide users with a great interface. Getting started Prerequisites You need to have telegraf inst

Alisher Ortiqov 8 Nov 21, 2022
Application that show the survey results for backend frameworks to the user in real time.

.Net5 Hangfire and SignalR Survey Application Application that show the survey results for backend frameworks to the user in real time. The hangfire j

Cihat Girgin 4 Dec 17, 2021
TV Show App is an application that allows to searh tv shows based on user input. Each tv show is displayed in a Bulma Card component and when clicked, heads you to the official tv show site

TV SHOW APP TV Show App is an application that allows to search tv shows based on user input. Each tv show is displayed in a Bulma* Card component and

HENDEL SAMY 1 Dec 19, 2021
USA Covid-19 Tracker is a mobile-first application built with React and Redux to give precise information about the virus behavior in the United States. Great transitions and user feedback made with plain CSS.

React.js USA Covid-19 Tracker This application allows the public to keep track of the stadistics of the Covid-19 Pandemic in the United Stated. You wi

Rafael Echart 14 Oct 25, 2022
Edvora App is a web application based on an external API, showing data about different types of products and the user can filter these data by choosing a specific state, city or product name. Build with React.js

Edvora App is a web application based on an external API, showing data about different types of products and the user can filter these data by choosing a specific state, city or product name. Build with React.js

Kyrillos Hany 5 Mar 11, 2022
A fleet management Application built with the service providers and user in mind

A fleet management Application built with the service providers and user in mind. A multi faceted Admin and consumer console application for mobile.

Pranav Murali 4 Feb 27, 2022
A web application to search all the different countries in the world and get details about them which can include languages, currencies, population, domain e.t.c This application is built with CSS, React, Redux-Toolkit and React-Router.

A web application to search all the different countries in the world and get details about them which can include languages, currencies, population, domain e.t.c This application is built with CSS, React, Redux-Toolkit and React-Router. It also includes a theme switcher from light to dark mode.

Franklin Okolie 4 Jun 5, 2022
A web application for a company that provides commercial and scientific space travel services. The application allows users to book rockets and join selected space missions.

Space Travelers' Hub A web application for a company that provides commercial and scientific space travel services. The application allows users to bo

Manel Hammouche 8 Oct 14, 2022
A declarative, efficient, and flexible JavaScript library for building user interfaces.

React · React is a JavaScript library for building user interfaces. Declarative: React makes it painless to create interactive UIs. Design simple view

Facebook 200.2k Jan 8, 2023
A small component based app library composing user interfaces and apps.

See https://vibejs.com for ongoing documentation and info. VibeJS A small component based JavaScript library to build user interfaces and apps. If you

Bret 20 Nov 16, 2022