streamethorg / streameth-platform Goto Github PK
View Code? Open in Web Editor NEWAn open-source event & live-streaming solution.
Home Page: https://streameth.org
License: GNU General Public License v3.0
An open-source event & live-streaming solution.
Home Page: https://streameth.org
License: GNU General Public License v3.0
Title: Customizing Accent Color of Event Page
User Story:
As an event organizer, I want to set the accent color of my event page so that it matches my organization's branding and provides a consistent visual experience for attendees.
Acceptance Criteria:
Access Event Page Settings:
Color Customization Option:
Color Picker Tool:
Preview:
Default Option:
Save Changes:
Visual Consistency:
Compatibility:
Feedback:
Documentation/Help:
Notes:
By allowing event organizers to customize their event's visual elements, the platform provides a more personalized and branded experience, fostering better engagement with attendees.
Description:
On each non-archived page, the logo of the upcoming streaming company appears overlaid with the streamETH logo.
Expected Behaviour:
Only the client's logo should be visible.
Describe the bug
The schedule on Admin UI currently shows as 1 big list. Which makes scrolling between the player and sessions (at the bottom of the list) annoying. I suggest to separate the schedule into 2 list, e.g. processed or processing videos. And unprocessed videos.
It would be great to toggle (show/hide) the processed list so I can focus on sessions that have been edited yet.
Is your feature request related to a problem? Please describe.
As a user, I would like to see the platform grow and donate to it.
Describe the solution you'd like
A simple button that redirects to GivETH in the corner of the website should be an straightforward solution
Title: Enabling Chat with Moderation for Livestreams
User Story:
As an event organizer, I want to enable chat for my livestreams and have moderation tools so that viewers can engage in real-time discussions while ensuring a respectful and relevant conversation.
Acceptance Criteria:
Chat Activation:
Moderation Tools:
Viewer Experience:
Chat Features:
Archiving & Review:
Integration with Other Features:
Notes:
Enable embedding for livestreams and archive sessions
AFAIK the archive is currently enabled by flipping the archiveMode
switch.
But the archive page should show up as soon as there are sessions with videos (i.e. have a videoUrl
or playbackId
property.
Is your feature request related to a problem? Please describe.
Formatting text on the event homepage is cumbersome with the current plain text editor.
Describe the solution you'd like
Integrate a Markdown editor for easy text formatting, with a live preview feature.
Additional context
Markdown is common and would align with other platforms.
Is Your Feature Request Related to a Particular Issue? Please Elaborate.
I often find myself experiencing eye strain when using the platform for extended periods, particularly in well-lit settings.
What Solution Do You Propose?
I'd love to see the addition of both a dim
and dark
mode to improve visual comfort. Personally, I find a grey-toned dark mode particularly easy on the eyes.
Any Additional Suggestions?
To make the feature user-friendly, perhaps a toggle button could be added to the interface. Alternatively, an icon from the lucide
icon set could be incorporated that changes its appearance when clicked to indicate the mode switch.
Just got asked by a presenter of protocol Berlin how to download a video. I think this should be exposed in the UI.
In certain viewport conditions (specifically when the viewport width is narrow and the height is greater than 1500px), our <Player>
and SessionBox
components do not scale and position properly. This issue was always there, but I removed the black background
The <Player>
and SessionBox
components should maintain their relative size and position regardless of the viewport dimensions.
When the viewport width is narrow and the height is greater than 1500px, the <Player>
and SessionBox
components do not position properly. They scale in size, but their placement is incorrect which leads to a disruption in the layout.
<Player>
and SessionBox
components do not maintain their relative size and position.Describe the bug
The flag archiveMode
is not something that should have to be set manually.
We should hide streams/stages (basically putting an event to archiveMode) as soon as an event ends.
Title: Creating an Event Page with Ease
User Story:
As an event organizer, I want to easily create my event page so that I can effectively promote and manage my event without technical hurdles.
Acceptance Criteria:
Intuitive Dashboard:
Event Visuals:
Details Input:
Customization:
import event data:
Preview Option:
Save Draft:
Help & Support:
Notes:
Bug Description
There's a noticeable flicker where the main event page is briefly displayed before redirecting to the archived event page. This not only causes a visual glitch but also affects the browser navigation, requiring two clicks on the back button to return to the homepage.
Steps to Reproduce
Expected Behavior
Actual Behavior
The solution has grown a lot, and our supporting projects (Remotion, AV tools, etc.) would benefit from using the same code base. But the current structure isn't sufficient to facilitate for this (e.g. packages/tools) and is currently as a single, entangled repo.
I suggest we set it up as a monorepo, using yarn workspaces with the following projects:
The data folder is most important between projects and I suggest to keep this at the root, or as a separate packages/data to allow easy integrations/access across projects.
Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
Describe the solution you'd like
A clear and concise description of what you want to happen.
Additional context
Add any other context or screenshots about the feature request here.
Screenshots
Do you have an example from another platform, or prototype you made by yourself?
Bug Description
The stage tag is incorrectly displayed . Specifically, when there's only one stage, the stage tag should not appear. However, it's currently visible even for a single stage, which is misleading.
Steps to Reproduce
Expected Behavior
Actual Behavior
The stage tag is incorrectly displayed even when there is only one stage.
Screenshot
Incorrect Stage Tag Display (The screenshot shows the stage tag being displayed for a single stage)
When viewing the StreamETH Schedule, the current schema prioritizes displaying the speakers over the title of the session. This should be reversed.
If the schedule block is too small to display both the title and the speakers, the title should take precedence and be displayed by itself.
We should have an add you event button in the navigation bar that links to the streameth website
Bug Description
Some thumbnails are not showing on the App Archive.
When speakers make last minute changes to the title of their session, meaning that they do not match the content of the last batch of digital assets, the thumbnails do not show on the app.
Go to:
https://app.streameth.org/zuzalu/zuconnect__decentralized_social_track/archive
Problem
As an event organizer, I currently lack the capability to create and edit events directly on the production server. This limitation hinders the real-time data loading for clients from GitHub, leading to delays and potential inaccuracies in the event information.
Desired Solution
I propose the implementation of GitHub API that enables users to seamlessly create and edit events directly on the production environment. This API integration will significantly enhance the efficiency of event management and ensure real-time data synchronization for our clients.
Additional context
Our current system's reliance on manual data entry and offline editing has resulted in delays and inconsistencies, impacting the overall user experience. By implementing this GitHub API feature, we can streamline the process of event creation and management, ultimately improving the service we provide to our users.
In the archive page, when choosing a "date" from the filter search, the option dropdown has one entry per session item even if the date is the same.
How to reproduce: go to protocol berg archive page -> cilck on filter button -> select filter by date
Accessing the menubar at the top and left-side of the screen on mobile phones can be a stretch, making navigation a tad cumbersome especially with one-handed use.
Relocate the menubar to the bottom of the screen on mobile interfaces to enhance accessibility and ease of navigation.
It also annoying to first click on the hamburger menu to see the menu and then click what you would like to see
Basic event information is currently only shown on the event overview page.
Once an event goes to archiveMode - this information is lost an no longer shown.
It would be nice to still display this information on the archive.
We could copy the entire hero section to the archive.
Or maybe add an about/info page
As an Event Organiser or User, I want an AI program to automatically generate labels and summaries for videos in the StreamETH app. This will enhance search capabilities and provide a tailored suggestion section for each archived video.
This feature will build upon an existing repository named shorten. The repository contains a Python script that utilises WhisperAI to create a text file from the video content. This text file can then be used to generate a summary as well as auto-labels for each video, which are stored in a JSON file.
aiDescription
Is your feature request related to a problem? Please describe.
I would be great to have a short but clear README about streamETH, and where to find more information
Currently data importers completely overwrite any JSON files in the repo.
We need to update our importers to check if a file exists.
If so, only write the imported fields. Any existing properties should be remain untouched and part of the files.
Priority on the session JSON files, as we will start writing data to those from the post-production flows as well.
We need to make sure we don't lose any data.
Is your feature request related to a problem? Please describe.
The schedule import is currently triggered from code. I would propose we add an action on the Admin UI so anyone with event/admin access can run an import.
I noticed we have a lot of stale/inactive development branches.
It would be good to spend some time to cleanup and delete old branches.
I'd also see if there's any code we should refactor. During busy event weeks, it's easy to apply any hot/temp. fixes. But we should spend some time to refactor, cleanup and potentially remove any unused code, dependencies or packages we no longer use.
Current metadata per page is broken, when sharing a link it does not show the event and page description nor a social image. We should implement metadata as per the nextjs documentation
Also adding wesley comments here:
Something else.. I think we should spent some time to properly set up Metadata/SEO properties, generate Social/Open Graph per event, etc. I think it adds value for hosts for proper search indexing, but also makes social sharing a lot better.
And Nextjs makes this quite easy https://nextjs.org/docs/app/building-your-application/optimizing/metadata
We need to improve how this page looks and align it with the overall design:
borders should be rounded-xl
the action bar on top of the player has the wrong color and his hiding the back arrow button
all text should we white
video player box is not aligned with the player box that we have on the live page
speaker component is not clickable, it should show speaker info
Describe the bug
Remove the axios
dependency.
Next.js uses and extends the default fetch WebAPI by default which should be available on both front-/server side.
If we need anything outside of the Next.js context, I'd suggest something like cross-fetch
so we can use the same code, APIs, etc. consistently. No need for additional dependencies.
Describe the bug
Shows 404 when you open stream via iFrame
To Reproduce
Steps to reproduce the behavior:
Expected behavior
Should open a new tab to the stream
When navigating away from an event that has a custom logo and then returning to the homepage, the logo displayed is incorrect.
The homepage should consistently display the StreamETH logo when navigated back to it.
Description:
When navigating past the 00:00 time mark on the schedule, the UI starts to behave erratically. The schedule blocks appear either too short or too long.
Steps to Reproduce:
Expected Behaviour:
The UI should cut off at 00:00 and transition to displaying the next day's schedule.
Desktop:
Additional Context:
A temporary fix could be to cut off the display at 00:00 and not show the next day's schedule.
Is your feature request related to a problem? Please describe.
Currently, as an admin or event organizer, managing events and their schedules is cumbersome and not straightforward.
Describe the solution you'd like
I'd like to have a streamlined UI that allows admins and event organizers to easily add, delete, and edit events, as well as modify their schedules. The interface should be intuitive and offer options for quick adjustments. We currently have /admin
, but it is not fully functional and not accessible to event organizers
Additional context
This feature would significantly improve the user experience for administrators and organizers, making the platform more efficient for event management.
Just watching some videos on streameth and sometimes the video stops.
It goes black and the position-seekbar goes to the start. The only way to recover is to reload the page and find the position again. I cannot remember it from watching videos from ETHBerlin back then - so it might be a regression. But had it watching ProtocolBerg videos now already multiple times.
Seems there is nothing related/helpful in the console
video of it happening
https://github.com/streamethorg/streameth-platform/assets/111600/b868e468-a812-4e03-bf0f-5291e1345908
It happens in brave and firefox browser
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.