GithubHelp home page GithubHelp logo

audioserve-web's People

Contributors

flameborn avatar ghorthalon avatar izderadicka avatar snyk-bot avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

audioserve-web's Issues

Rotation lock not working in PWA on chrome on android

Hi

I have the issue that audioserve ignores the android rotation lock when I use as a PWA with chrome on android 14, so when I have my phone locked in portrait it still rotates the page if I turn my phone.

This issue doesn't seem to be fault of audioserve but rather because chrome implements the orientation spec of the webmanifest wrong.

I would maybe suggest just removing the orientation property in the webmanifest. Or is there any specific reason that it is in there? It doesn't seem to be a required property.

A stackoverflow report on the same issue

Thanks in advance :)

Feature request: sort by modified time

Thank you for this fantastic piece of software (both server and web interface). I think it is almost perfect as it is right now. I'm just missing the possibility of sort by time.

I thought I could try to add this functionality myself but I'm a bit lost in frontend programming matters. I thought it shouldn't be too difficult provided that the modified date already was there but by looking at the received json data I only can see modified date for folders. Perhaps you could give some indications about where to start and I will give it a try.

Force Rescan for Files

Not sure if this is a server or frontend issue.

I managed to get the server in a state where files were copied into a directory but not displayed in the UI. No amount of restarts of the server made them show up. I ended up moving them in and out of the directory to make them be detected.

I have no idea how to reproduce this but it would be nice to be able to force the server to rescan a directory.

Use Book Image for MediaMetadata if Available

player.svelte should use the current book image for MediaMetadata if it is available. It should fall back to the favicon if there is no book image. While not essential I think this will add some nice polish to the now playing notification.

Improve screen reader accessibility

Hello,

This new web client works beautifully with screen readers (such as NVDA on Windows) when using the keyboard only.

There are a few minor things, however, that could be improved if possible, for the player component:

  1. There are div elements that can be clicked on, such as the play button. These need:
  • A button ARIA role
  • An ARIA label (in the case of the play/pause button either Play or Pause, depending on active playback)
  • A tabIndex, so that they can be tabbed to and receive focus via the keyboard. A -1 value should suffice
  • In the case of the expandable button, an ARIA expanded state, either true or false based on the expand state, which changes as the button is toggled
  1. Sliders, e.g. volume, speed and position need an ARIA label
  2. For the folder browser, some indication that the headings are clickable would be nice to have. This could be accomplished by including the heading title within a span, having the link role, for example.

Thank you very much for any possible improvement.

Fixed Time Seeking Buttons

Seeking forward and backwards small amounts of time is difficult with just the drag bar. 2 buttons for forwards and backwards skips of 10-15 seconds, like on Netflix, would be nice.

Playback stops at the end of a track when the screen is locked under iOS

Hello,

If a folder has multiple files and one is playing, Audioserve does not switch to the next track when the screen is locked under iOS, using any browser.

I suppose this is an iOS limitation, I'm just tentatively posting this in case anything could be done to improve this behavior.

Black Theme

The current Dark theme looks fine when the background color is changed to black. This is preferable for OLED screens common on phones. Instead of a dark mode toggle, a theme drop down could be implemented with Light, Dark, and Black.

Book Progress Layout Issue

Book progress do not have enough space to properly display the numbers even though the window is plenty large.

image

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.