rodeoclash / vodon-pro Goto Github PK
View Code? Open in Web Editor NEWVodon Pro is a video player designed for esports coaches to review footage of players.
License: GNU General Public License v3.0
Vodon Pro is a video player designed for esports coaches to review footage of players.
License: GNU General Public License v3.0
Remove arrow key toggle from settings (but keep jump distance).
A + D should be used for jump, W + S for frames.
Select the arrow tool and draw out multiple arrows. Even though no handles are present on the last arrow, changing the colour still seems to update the arrow for some reason.
Should be able to choose between 1up (1 big, n number of small videos) and grid (all videos with equal sizes) when on the review page.
When activating arrow key navigation with the video playing, pause the video.
Should calculate the width of the sidebar automatically based on window dimensions.
Should allow users to drag a handle backwards and forwards to adjust the width.
When adding multiple videos at once, prompt the user if they want to replace the existing ones (if some already exist)
When paused, keep frame by frame navigation. When playing, arrow keys should skip 10 seconds.
When mousing over the timeline, it will show a broken image / out of date image.
This should having a loading animation added to it.
Sidebar position is lost after navigating away, should be in the store so its persisted
Some users use the bookmark system to indicate important events in the match but don't need to add a reminder to them. We need to think of a way of separating the bookmarks from the content.
We starting to get a lot of keyboard shortcuts. We should have a help menu on the review page like we do on setup (try and unify how this is launched too).
Should display on first load and inform users on shortcut keys.
If I have a drawing tool selected, play the video then pause it again, the tool is deselected the next time I go to use it.
When clearing the drawings, we should not reset the drawing tool that's selected.
When going fullscreen, remove everything.
This might need discussion, or throw it out and see how people respond.
Need to slow down the speed that the frame advance and rewind is called (perhaps a throttle?)
Analytics would make it a lot easier to design functionality. Should allow users to opt in to collecting them in the settings and on load of the tool.
Clearing drawings when the player moves frames should be toggable.
I do a lot of coaching for fighting games and I do VOD review seasons currently using video speed controller/youtube/discord.
During my VOD reviews I frequently change speeds very high to get through downtime and catch nuances in gameplay that are difficult to catch in normal speed.
The last VOD review site that I tried was Flowfeedback, but that one didn't go passed 2x speed so I'm making a request to go to about 6X speed at maximum.
Thank you so much for making this tool as it will help me with coaching a lot of players!
Should be able to use keys 1 - 9 to switch viewpoints.
Should be able to select people from menu at the top of the screen.
What it says on the tin
Currently having two videos gives a weird distribution of them. They should be aligned to the top of the screen.
This can be useful for drawing on maps or other things that are animating.
So I just want to review my own vod, which i recorded. I import the mp4 file. Go to review. I press space and it works, but the moment I try to scrub or use arrow keys the video freezes. I cant go front or back anymore.
Should be able to open multiple videos from explorer right click menu.
Should handle users that have set Vodon to open their video files.
Drawing in Vodon Pro exists in two modes. They are:
Currently the system of toggling on the bookmarks was designed for "1". Coaches would toggle on the drawing tools as needed. This was built this way as the drawing tools obscure the video so they had to be turned on as needed. As the bookmarks have been expanded, it's grown increasingly "clunky" to work with this system.
Instead of toggling the controls on and off (and having them obscure the video) they instead should be on all the time and moved out of the video player area(think Adobe Photoshop-esque control panels) to be alongside it. This allows the drawing tools to be present all the time. Once always present, the saving behaviour should be altered to automatically save the drawing if the user is on an active bookmark or to create an ad-hoc drawing if the user is not on a bookmark.
Once videos are aligned, should be able to use the tool to composite together all the videos and export it as a movie file.
Building a recording client in Overwolf would allow us to capture events that occur in the game (i.e. deaths, damage done etc). This could then be displayed as general stats / charts of things that had happened over the course of the match. If we start to build some functionality around managing a team roster then we could associate these stats with players over time.
That said, Overwolf is not a popular product. Any usage of it should be not be a requirement for this tool, but an enhancement of existing video data.
Needs investigation but pen colour seems to reset when using ctrl-z
When reviewing footage, it would be helpful to have the system pause when encountering a bookmark without me having to do it myself.
A setting which enables pausing automatically on bookmarks for the current player.
Currently, when you scrub through a clip, the clip will be paused after clicking on the timeline. It would feel more natural that the video keeps playing if the video was playing before the scrub happens.
If I understand correctly, the current implementation pauses because of performance limitations. I have also encountered issues with this, sometimes after scrubbing and quickly pressing play, the clip will play a second of where you were in the clip before jumping to the correct spot. Sometimes it doesn't even jump at all, this can be fixed by quickly pressing pause and play again, then it will jump.
Drawings should be hidden when the user seeks on the timeline vs. exiting the bookmark (when we don't clear drawings on playback).
Currently going full screen uses the videos native controls. This should be changed to use a set of custom floating video controls and the drawing etc brought back.
Controls should fade in / out like the native controls do.
Hitting enter on the edit form should close it.
The file where the change needs to be made is VideoAligner.tsx
This can be done by binding a hotkey using the react-hotkeys-hook
library (see Hotkeys.tsx
for examples of use) that when enter is clicked the modal is closed. You can use the existing handleClose
function to do this.
Note: VideoAligner.tsx
still has some Typescript errors in it from the conversion over to the electron-builder template which is much stricter about standards. These either need to be cleaned up or ignored on check-in.
If I create a drawing in the system then click on a bookmark, my existing drawing should not be removed. Instead, the bookmark should be loaded and the drawing attached to it.
Place next / previous buttons on the bookmarks.
Makes it harder to tell which video is which without the duration of it somwhere.
Currently, bookmarks are only visible when viewing a particular video (i.e. the video that the bookmarks belong to).
One solution to this is to show "ghost" bookmarks on the global time control. Videos that have bookmarks but aren't the video being shown will start have a bookmark icon on the timeline, just "ghosted" out (i.e. 50% opacity) that indicate a bookmark is present but not currently being viewed.
Also to think about
This doesn't solve the issue of a lot of bookmarks being used and crowding out the timeline (Kilk had this problem). We might want to think about reducing the size of the bookmarks or lifting them off the timeline in some way to solve this. However, it does solve the issue of having a moment you want to talk about which is attached to another video.
How will this play if we have other items on the timeline (i.e. deaths)
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.