futurepress/epubjs-reader

Epub.js Reader

futurepress

Running the project

• In one terminal window $ python app.py dev
• In a second (if you are working on sass styles) $ compass watch -c config.rb

Test Author Login

• email: [email protected]
• pass: Jake1234

Unittest

• Run $ python run_tests.py

epubjs-reader's Issues

ePub will not play - my problem or yours?

I am hosting a set of ePub from eBible.org on my website and Futurepress reader will not play them. However, the same Futurepress reader installation will play my own ePubs, though noticeably slow. I need help determining if the problem is the ePubs from eBible.org OR if Futurepress is failing in some way.

Will not play:
http://stage.aionianbible.org/?e=/xcdn/epub/Holy-Bible---English---World-English-Bible---Source-Edition

Here is the ePub file in use above:
http://resources.aionianbible.org/Holy-Bible---English---World-English-Bible---Source-Edition.epub

Okay but this does play, but SLOW, with the same Futurepress installation:
http://stage-epub.signedon.net/optimism-out-of-control

Here the same ePub plays faster on an older Futurepress installation:
http://epub.signedon.net/optimism-out-of-control

Any help would be greatly appreciated!

Add themes to epubjs reader

How to add themes and more css stuff to contents of epub file while reading. In other words, just enable views and fonts like in Kindle or kobo

Does the Futurepress ePub reader support the full javascript interpretation? And how can state be stored?

My company is considering using the ePub format to develop online training and we would need javascript to develop quizzes as part of the content. Does the Futurepress ePub reader understand javascript? I guessing maybe yes since Futurepress runs in the browser?

Also a corollary question, is it possible for an ePub reader to store 'state' from one access to the next access? If Javascript can be used perhaps I could store progress information on an external server and then read this progress information the next time a particular user opens the ePub. I would need to use Javascript when opening the ePub to allow the user to identify themselves also.

Text truncated on android tablet

On my Samsung Tab A text is randmly truncated on left right and bottom of a page, if I change orientation, page return properly.

Font changed

I have been developing ePub file with Unicode Devnagari font. It works well with other softwares but this library changes the font even in unicode.

Image inside mybook.epub are overflowing how to set the width of image inside book

Render Book From Web Service

Hi, thanks for awesome work!

I installed and tested successfully with Mobi and Alice. I then try render one of the books in my oracle database. The URL is a rest service that if put in the browser will download the correct book so I know the webservice is working, however when I use the same url as a parameter to your index,.html it just hangs forever. You can try it is follows
https://futurepress.github.io/epubjs-reader/index.html?bookPath=https://bizsafe.co.za:7009/ords/bitcoin/A13665/get_book1449

and try just pasting https://bizsafe.co.za:7009/ords/bitcoin/A13665/get_book1449 into your browser bar to see the book

it is an epub+zip mime type

Any help will be sincerely appreciated

Thank you

Sandy

Missing metadata parsed

If an epub book has more than one creator, I only get the first creator throw book.packaging.metadata .
My epubjs's version is 0.3.88
For example:

epub.js:6784 Uncaught (in promise) Error: No Section Found

console error:

epub.js:6784 Uncaught (in promise) Error: No Section Found
    at Rendition._display (epub.js:6784:23)
    at Queue.dequeue (epub.js:3662:20)
    at epub.js:3716:12

sample file (need to unzip):

file.epub.zip

Help with the next page button?

Hello and thanks for Futurepress. I use this wonderful tool on my Bible website.

One improvement I would like to make. When the index is open the panel expands on the left. However, when it does so it pushes the next page button off the right hand of the screen. Anyway to fix this? Do I need to change some css? Or does something need to be fixed in Futurepress? I would like the be able to have the index open with both the next and previous page buttons also available.

See this example,

http://www.aionianbible.org/epub/Holy-Bible---English---Aionian-Bible---Aionian-Edition

Thanks for any help,

Jeff

not working on the sansung browser mobile

What's up,
It is not working on the sansung browser mobile, when you open the menu, the entire screen moves and shrinks.

Content Security Policy

When enabling Content Security Policy on the webserver that serves epubjs-reader, unsafe-inline has to be enabled as epubjs-reader is including some js and some css in the html.

Do you think it could be possible to remove this requirement, hence making epubjs-reader mose secure and reliable?

unsafe-inline and unsafe-eval are obviously a bad habits and they could be easily avoided by moving css and js code un css and js files.

More informations on demande if you need some.

Here's An Alternative, Until This Repo Is Updated...

I'm sad to see that this project is no longer being maintained, it looked like a really great tool that I would have enjoyed using. I've noticed that the repo for the JavaScript library has been updated recently so we might see an update to the reader, maybe? Until then, I have found an alternative called Bibi in case anyone is interested. Bibi is pretty much the same usage wise, the docs are a lot better though. Check it out.

(I am not the developer for Bibi or associated with them, I just bumped into it and thought others would like to know)

epub.js:12759 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'getAttribute')

console error:

epub.js:12759 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'getAttribute')
    at Navigation.ncxItem (epub.js:12759:22)
    at Navigation.parseNcx (epub.js:12734:17)
    at Navigation.parse (epub.js:12495:21)
    at new Navigation (epub.js:12467:9)
    at epub.js:10416:25
ncxItem @ epub.js:12759
parseNcx @ epub.js:12734
parse @ epub.js:12495
Navigation @ epub.js:12467
（匿名） @ epub.js:10416
Promise.then（异步）
unpack @ epub.js:10349
（匿名） @ epub.js:10185
Promise.then（异步）
openPackaging @ epub.js:10183
（匿名） @ epub.js:10148
Promise.then（异步）
openEpub @ epub.js:10147
Promise.then（异步）
open @ epub.js:10117
Book @ epub.js:10084
ePub @ epub.js:9804
EPUBJS.Reader @ reader.js:67
root.ePubReader @ reader.js:10
document.onreadystatechange @ （索引）:24
epub.js:7295 Uncaught TypeError: Cannot read properties of undefined (reading 'pageFromCfi')
    at Rendition.located (epub.js:7295:39)
    at Rendition.reportedLocationAfterRAF (epub.js:7188:26)

sample epub (need to unzip):

file.epub.zip

Support for SMIL/Media overlays

We plan to create listen and learn digital books for pre-school children. These books will use media overlay SMIL spec in EPUB3. Please kindly include a web interface capable of displaying such EPUB3 books in epubjs-reader.

Currently Readium on provides such web interface to make this possible.

Bookmarks not listing correct location

Just tried out the demo site, noticed this.

1. In Chrome incognito window, visit http://futurepress.github.com/epubjs-reader/
2. In TOC sidebar, click on "Chapter 43. Hark!" to navigate there.
3. Close sidebar, click Bookmark icon
4. Re-open sidebar to the bookmarks view.
   The bookmark list now has an entry saying "Chapter 45. The Affidavit."
   but it presumably ought to display "Chapter 43. Hark!"

TOC not working on certain book

On certain book toc link are false they begin with '../' and return a 404 page so nothing happen on clicking it example : https://www.levangile.com/Reader/lire.php?id=4#epubcfi(/6/2[cover.xhtml]!/4/1:0)

Highlight function not found

Hello,
I have added search functionality and tried to search words inside epub file. but it gives me "highlight not function" error. I tried to uncomment highlight then I get "TypeError: EPUBJS.Hooks is undefined" this error.

Am I missed anything? please help me out.

Thanks.

URL Format Appearance

Is it possible to not have URLs in .epubs loaded into the epubjs reader look so ugly? Or to not modify the url at all?

For example:
https://someurl.com/reader/**#epubcfi(/6/34[significance.xhtml]!/4/2/74[sigil_index_id_10]/1:0)**

New epubjs-reader not working with zipped .epub files

I was trying to use the new epubjs version because it fixes the IOS issues but it is not working with zipped epub files as it used to. if I try with an unziped version of the epub in a folder it picks up inmediately. I can help to fix this but I need some insight on the unzipping part. @fchasen

Can epubjs reader introduce Electron. and release a desktop version reader?

Can epubjs reader introduce Electron. and release a desktop version reader?

Issue Of scrolling in Android and IOS Mobile ,Tablet and Ipad Browsers On by default selection change

While selection it is getting scrolled automatically to next page in android and ios, ipad browser

Video fullscreen not working

When I click on the fullscreen button of a video, then in a seconds the fullscreen is closed because the page is reloading when fullscreen is appears.

Is there any solutions or fixes for that issue or has anyone a idea how to handle it?

Thank you

Failed to execute 'requestFullscreen'

An error is caused by clicking on the icon 'full screen'.
app version:

5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.75 Safari/537.36

error:

Uncaught (in promise) TypeError: Failed to execute 'requestFullscreen' on 'Element': parameter 1 ('options') is not an object.
    at Object.request (screenfull.min.js:7)
    at Object.toggle (screenfull.min.js:7)
    at HTMLAnchorElement.<anonymous> (controls_controller.js:44)
    at HTMLAnchorElement.dispatch (jquery.min.js:3)
    at HTMLAnchorElement.r.handle (jquery.min.js:3)

Any change of updating this with the latest from futurepress/epubjs ???

This project is years behind the main project. Unfortunately I do not have access to npm to build the main project and get the latest epub.min.js and associated resources. My understanding is that the epubjs-reader project is supposed to be the latest compiled version of Futurepress.

Anybody able to do that and update this project?

Weird selection problem in android webview?

some time it works but after i select from one point to other like dragging, it moves to another page (like in images) and page became weird.

Any tips and tricks to avoid those error??

Problem with fullscreen

So, the problem is that whenever I click on the full-screen button on the reader it doesn't work and console output some Type Error. And another issue, I am having is that, with some books, I get a section not found error, when I try to access a section via the bookmark section

Get CFI from a specific word

I would like to generate a CFI from a selected word on the epub.
I know we can go to a certain place in the epub from a CFI but how get a CFI from "a place" eg. a word?

Thank you.

How to integrate it in a web page ?

I didn't find any documentation on this, is it possible to integrate epubjs-reader in a given div ? How ?

Visible elements

How is it possible to get all visible HTML elements on book page using this library?

Thanks!

EPUBJS.Hooks is undefined

EPUBJS.Hooks.register("beforeChapterDisplay").highlight =...

having this issue..someone solved it?

Please this is not working in IE 11

Do you have some polyfill to use for this library? I spent a lot of time building but I can make it work on IE. Some suggestion or help?

Demo link not working

Hide the left arrow on the first page and the right arrow on the last page.

Moved over from futurepress/epub.js#27

Working with Nuxt

Hi there,

Beautiful lib.
Is there a way to install it on a Nuxt project?

Thank you

How can I configure Futurepress to only display one column instead of two? spread=none doe not appear to work

Tried this without success...

window.reader = ePubReader("my.epub”, { 'restore': true, 'sidebarReflow': true, ‘spread’: ‘none’ } );

My ePub is here

http://www.aionianbible.org/epub/Holy-Bible---English---Aionian-Bible---Aionian-Edition

Font Size Change

Hi,

I want to implement buttons that increase and decrease font size, I looked through the docs and found the function that changes the font size i.e
rendition.themes.fontSize('100px');

But after running this function, it only shows up when I resize my browser window and the reader refreshes, is there any workaround to this issue

Any help would be appreciated
Thanks

jquery.highlight.js missing

jquery.highlight.js file seems to be missing

Fixed-Layout epubs and page-spread-* properties

Epubjs does not appear to honor the spine properties for page-spread-*
see: http://idpf.org/epub/fxl/#properties-page-spread

As a result, fixed layout epubs often have mis-aligned spreads.

Expected pagination:

[ ][R]
[L][R]
[L][R]
[L][ ]

Actual epubjs pagination

[R][L]
[R][L]
[R][L]

This a common issue with epubs exported from Adobe Indesign using fixed-layout conversion.

Other readers such as Apple's Books will show the initial page on its own and subsequent spreads are correctly aligned.

I can't load my books

The tests with Moby and Alice works great, but with an ebook in my website, don't work. The screen shows an infinite loading progress. What I can do?

Issue of rendering some of books

This is the display:

This is the code:

There are two problems I meet when I read Chinese books bought from BW.

1. The spacing or alignment is opposite. See the balck arrows.
2. The punctuation at the line head and end is the opposite. See the red and green ones.

I can upload the epub file if needed. Please tell where to upload. It is not good to send it publicly as an attachment.

the textarea is so small on cellphone

the textarea is so small on cellphone

how to make the area fill the whole page?

bookmark problem

The bookmark does not disappear from the list, even though click the bookmark.
The first bookmark after refresh is registered and deleted, but from then on, it is registered only and not deleted.
how to resolve it?

No arrow on android phone

In my Honor 5X i didn't see left and right arrows but link is functional

Mobile > arrow disappeared

left, right arrow was disappeared on mobile (ios chrome and safari)

It seems that there's a code and arrow on mobile html as well but it was not appeared because of margin and position problem.

is any idea?

mobile body text width shrink

some page's body text width is too small.

ps. btw. such a nice program.. thanks.

Bookmarks disappear after closing browser app on iOS

Hi there,

aftter a bit of work i managed to use epub reader in a nuxt app.
Now i'm having this silly issue. Everytime i close my browser window on mobile the bookmarks disappear.
It is a bit weird since the poisition and all other data are stored correctly.

Any helpful infos or solutions?

thank you
Nando

this.book.setStyle is not a function error

When I try to use the reader.adjustFontSize function, it throws an error because there is no this.book.setStyle in epub.js. Can you point me in the right direction for changing the font size? @fchasen

Accessibility - can't click on "Reflow text when sidebars are open"

I can't click on the text "Reflow text when sidebars are open." I have to try and hit the tiny checkbox.

This is caused by:
https://github.com/futurepress/epubjs-reader/blob/master/reader/index.html#L109

It should be:

<input type="checkbox" id="sidebarReflow" name="sidebarReflow">
<label for="sidebarReflow">Reflow text when sidebars are open.</label>

See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label

META-INF/container.xml error while serving epub file as web api

When I send the file using static file path it works but if I serve file as res.sendFile(..) it is not working and not even hitting this api?

I am getting META-INF/container.xml is not found error?

What do I have to do in order to make it work.

Thank You