neverlink / kaleidoscope Goto Github PK

View Code? Open in Web Editor NEW

6.0 6.0 0.0 2.58 MB

modern, feature-rich video player

HTML 5.12% JavaScript 80.93% CSS 13.95%

audio-player media-player video-player

kaleidoscope's Introduction

kaleidoscope's People

Contributors

Stargazers

Watchers

kaleidoscope's Issues

Make volume level global

Create a window.volumeLevel which is used as a starting value when creating any player

Use native window titlebar buttons on macOS

Seamless Looping

Could be built over #2

Video/MP3 Audio:

Find silence points in the use them as loop region

Gapless audio formats:

Loop points at the start and end

Enable window recording

To be used with a separate region to attain video trimming functionality

https://www.electronjs.org/docs/latest/api/desktop-capturer
https://developer.mozilla.org/en-US/docs/Web/API/MediaStream
https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/captureStream

Fix progress bar / timecode glitch

Seems to happen when opening new videos with an instance already running, some player is either not killed off or the event attached to it keeps running

Change playerUI icons on event instead of player action

Makes more sense and will fix some bugs when switching media source

Save current frame as file

https://www.w3schools.com/tags/ref_canvas.asp
https://ourcodeworld.com/articles/read/280/creating-screenshots-of-your-app-or-the-screen-in-electron-framework

User preferences saved as cookies

Title, to replace preferences.json

SetInterval to update progress bar and timestamp consistently

e.g setInterval updates progress bar every 100ms to attain smoothness, timestamp gets updated every 10 loops

Enable window dragging via center

Requires #16 and frameless window

* {
    user-select: none;
    -webkit-app-region: drag;
}

Override default video orientation

Override the default orientation for a video if a certain filename keyword is detected

i.e myvideo-horizontal.mp4 will display the video horizontally, even if the video in reality is rendered vertically.

Add filters/effects panel

Video / Audio Waveform

Include flip and rotate for video
https://developer.mozilla.org/en-US/docs/Web/CSS/filter

Audio

https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API

Use number row to seek through video

Youtube-like controls to seek through

Preserve video order after closing and restoring

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Ordering_Flex_Items

keybinds.js double event trigger

Keyup gets called after keydown resulting in two event calls for the same keybind trigger

Tab close does not trigger without mousemove event

Preserve the last closed player and default to it if the event is not triggered

Window cuts off title bar from video height

Adding 30px (current title bar height) to window-resize event does not solve this, a gap becomes present above the video

Fix progress bar glitching after source change

Prevent player creation for invalid filetypes

Get FPS value

Get video.webkitDecodedFrameCount after first second, divide by currentTime and round the result

Load volume level from cookies/local storage

Auto updating

https://docs.github.com/en/rest/releases/releases?apiVersion=2022-11-28#get-the-latest-release

Automatically check on each launch
Option to postpone checks temporarily?

Add support for subtitles

https://developer.mozilla.org/en-US/docs/Web/API/TextTrack

Alternative progressBar update

Currently updates as often as possible which is clunky.
Possibly create a linear animation with duration equal to (currentTime - duration) * playbackRate
Might require a custom slider element (currently using <input type=range>). Such an element would be useful for other features anyway

Prevent multiple instances

Load/save preferences via local storage

Extends #29

Deprecate preferences.json
Add flags like:

isFirstLaunch - whether to show welcome screen with helpful information
checkForUpdates - on launch, ping Gitub for new releases
allowSingleInstanceOnly - to replace the current session or open a new player

Update/log the last volume level, keybind preferences, etc.

        console.log(mainWindow.webContents.getOwnerBrowserWindow().getBounds());

        let display = screen.getPrimaryDisplay();
        let screenX = parseInt(display['size']['width'] * display['scaleFactor']);
        let screenY = parseInt(display['size']['height'] * display['scaleFactor']);

        let windowSize = mainWindow.getSize()
        windowX = windowSize[0];
        windowY = windowSize[1];

        // logic to decide splitscreen direction