Giter Site home page Giter Site logo

lukew3 / stemplayeronline Goto Github PK

View Code? Open in Web Editor NEW
29.0 6.0 6.0 341 KB

An online stem player. Inspired by but not affiliated with YEEZY TECH X KANO Stem Player.

Home Page: https://stemplayeronline.com

License: The Unlicense

JavaScript 75.95% HTML 11.99% CSS 12.06%
music player stem-player web javascript hacktoberfest emulator

stemplayeronline's Introduction

Frame 2

Stem Player Online

An online stem player. Inspired by but not affiliated with YEEZY TECH X KANO Stem Player.

https://stemplayeronline.com

See the project board to see what features are coming up next.

Usage

This site aims to function as closely to the original stem player device as possible. All usage instructions unique to the site are listed below.

Loading local files

If you have local stem files that you would like to load into the stem player, you can do so by clicking on the folder icon in the top left corner of the page and selecting the folder. Folders should contain 4 audio files, ideally named 1-4 with a typical audio format type such as .mp3, .flac, .wav. If files are not named by numbers 1-4, they will still play fine, but their positions on the player may be unpredictable.

Keyboard shortcuts

Keyboard shortcuts have been included to help better the experience of using the stem player on a pc. They simply allow an alternative way of interacting with the stem player other than touching with the mouse.

  • Spacebar - Toggles playback, pausing and playing the entire track
  • <Arrowkey> - Each arrow key controls the volume of it's respective slider. Pressing the arrow key will increase the volume and holding control while pressing the arrow key will decrease the volume.

stemplayeronline's People

Contributors

lukew3 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

stemplayeronline's Issues

Fix memory leak

After each track is loaded, more memory is consume. Could have something to do with Wads being stored in an array

Solo Track Keybind

An idea I have is to use a keybind to solo a track. Maybe it could be Shift + [ArrowKey]. There could also be keybinds for just muting a track as fast as possible. This could be Alt + [ArrowKey]. And when you add the other features (reverse, speed, etc.), There could be a keybind for those, the volume, next/previous track, etc.. These are just some ideas I had, and if you were already thinking of adding these, then cool.

when i pause it i cannot unpause

also it doesnt seem looping is working, as whenever i try and loop it just kind of like isolates a random part of the song and doesnt loop, i think its like mistaking the loop menu for the regular menu.

Startup animation

from off to bright red lights moving from center out over the span of half a second and then dimming into regular colors

stemPlayerStartup.mp4

really off beat

im not sure if this is a problem with the actual website, or just the songs, but the stems are all really out of sync with each other

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.