GithubHelp home page GithubHelp logo

lijandrew / ame-reader Goto Github PK

View Code? Open in Web Editor NEW
16.0 2.0 2.0 6.94 MB

In-browser manga & comic reader

Home Page: https://lijandrew.github.io/ame-reader/

JavaScript 79.71% SCSS 19.16% HTML 1.12%
cbz-reader manga-reader comic-reader comics-reader

ame-reader's Introduction

Splash screen gif

Ame

A browser-based .cbz reader
โ†’ https://lijandrew.github.io/ame-reader/

Table of Contents

How to use
Latest changes
Plans
Screenshots

How to use

  • Use the Upload button or drag 'n drop files into the web app.
  • Supported file extensions: .cbz, .cbr, .zip, .rar, .7z, .7zip, .jpg, .jpeg, .png, .gif
  • Uploaded files will appear in the left sidebar. Click one to display its contents in the viewer
  • The sidebar has controls for zoom, margin, and previous/next file navigation
  • There are also "quick navigation" buttons at the top and bottom of the viewer for convenience
  • Click the hamburger menu to toggle the sidebar

Latest changes

  • Loading and error splash images
  • Fixed file list scrolling
  • Greatly improved usability for narrow devices
  • Buttons now gray out when they are supposed to
  • Drag 'n drop file upload improvements
  • Production build

Plans

  • PWA app ("installable" on Edge & Chrome)
  • File loading bar
  • ElectronJS desktop app

Screenshots

Demo screenshot 1

Demo screenshot 2

Demo screenshot 3

ame-reader's People

Contributors

lijandrew avatar

Stargazers

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

Watchers

 avatar  avatar

Forkers

ricocheting i300

ame-reader's Issues

Show multiple pages at once

When using Ame to read a book (from a CBZ of scanned pages), I came across a schematic split across two facing pages. Ame needs an option to display facing pages next to one another.

If there already is such an option, I cannot find it in the user interface. If this is supposed to automatically happen when the images are small enough to flow next to one another, that doesn't work in Firefox 101.0.1 on Linux.

Keyboard scrolling only works after pressing Tab once

I was about to create an issue complaining that I can't scroll with the keyboard at all, but I discovered that keyboard scrolling works only after pressing Tab once. Clicking on the pages or in the margins around them does not give keyboard focus to whatever component reacts to keypresses. And there is no highlighting indicating the focus, so if the sidebar elements are usable with the keyboard, I can't see how.

Scrolling with the mouse wheel or using the scrollbar always works.

Firefox 101.0.1 on Linux.

Ability to read from an URL

For now one needs to download the CBZ, and upload it to the reader.
As all my content is HTTPS accessible, it would be great to just give an URL and have it download it from there.

Which would make it even possible to include it as an plugin, which is how the PDF.js viewer of every browser started.

Feature Requests & General Thoughts

Here are some features that I think would make for nice additions:

  1. The ability to use folders directly so that you don't have to zip them first.

  2. Instead of having zoom buttons a slider that allows you to pick precisely how large you want the images to be would be nice.

  3. An accent color selector so that it could easily be switched from blue to something else.

  4. An option to remove the anime girl pictures and leave only the error messages.

And here are some general thoughts:

  1. Instead of saying upload file, select a file, would probably make more sense since nothing is being uploaded.

  2. The sidebar toggle could probably be made significantly smaller.

  3. When you first load a file the title should probably have the padding above and below it significantly reduced.

Overall though it already works quite well. Thanks for the release!

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.