futurepress / epub.js Goto Github PK
View Code? Open in Web Editor NEWEnhanced eBooks in the browser.
Home Page: http://futurepress.org
License: Other
Enhanced eBooks in the browser.
Home Page: http://futurepress.org
License: Other
Just loaded the demo Moby Dick book. It's really important I feel that each page have a url. You lose a huge amount of linking opportunity and the web needs specific links to work well.
When I click on images it would be nice if I could get the full-size version.
Images are not always resized for the screen size, specially on mobile.
I run Google Chrome on Win7.
Here are some bugs:
PDF.js has a nice full screen mode which would be nice to implement in our project. It's essential to allow the creation of a minimal distraction reading environment.
In some epubs there are relative links to resources and css as ../Styles/Style.css.
In this way, those resources are not loaded because the URL searched is not valid.
A possibile solution is: inside Renderer replace the "../" inside the url parsers:
EPUBJS.Renderer.prototype.replaceHead
EPUBJS.Renderer.prototype.replaceResources
resources.forEach(function(link){
var src = link.getAttribute("href"),
src = src.replace("../",""),
full = this.book.settings.contentsPath + src;
Inside the walk method of the Renderer sometimes an error is thrown not finding
children. This causes the Renderer to block the code and not dispatch the pageChanged event (e.g. inside the prev or next page methods).
Possible fix:
children = node.children;
if (children && children.length)
leng = children.length ? children.length : 0;
else
return r;
It would be nice.
Thanks
Why does the table of contents only go to chapter 10? It seems to work perfectly in other versions.
People all over the world use epubs in many different languages. We need to support internationalization.
The important feature "paging slider" which is not included.
I am not getting "single to double" & "double to single" code in the page.
Can you please help me out, which javascript file is used? where is the exact location of this code?
The layouting does not work, when left pane is shown. The page should be more responsive. Currently when the side menu is open the right page and arrow becomes hidden. This isn't good because people may want to read with the table of contents open.
Perhaps I'm implementing the smart images hook wrong, but either it needs work because it doesn't work—or it needs better documentation. How exactly do we use hooks? In the index.html document?
How to fire an event on text selection from the page?
Having changed the table of contents, it has been notice that if cached data is not deleted from the browser, the old 10 item table of contents still shows up. In other words, currently there are problems related to checking if a newer version of the book is available. Any ideas?
The good news is local storage is working somewhat well.
The ePub reader is not loading in IPad IOS 5. But it working fine in IPad IOS 6 & higher version. How to fix it?
Sorry, not really an issue, but give a +1 for going the Angular.js route...
"A framework (backbone / angular / ?) to use for our reader demo (which we suspect is going to start expanding quickly)"
When I check on ipad /mobile browser it must be fix to browser window. But it is not happening in current version.
I think also in this case the:
this.book.trigger("renderer:pageChanged", this.currentLocationCfi);
should be fired. Otherwise, in case of restore, opening a book (or for any other reasons, calling this method) the listener could not be aware of the page changed.
Is it possible to display epubs by using the HTML Viewer built into Android software? I am currently building an app and would like to display my epubs.
:D Message me when it's done so I can change all the links!
If you have an tag inside an svg (usually, in the front cover of the book), the image is not loaded because the url of that tag is not parsed.
A possible solution: add in Renderer a new function:
EPUBJS.Renderer.prototype.replaceSVGImages = function(callback){
var srcs, resources, count;
var store = this.determineStore();
if(!store) {
if(callback) callback();
return false;
}
srcs = this.doc.querySelectorAll('image');
resources = Array.prototype.slice.call(srcs);
count = resources.length;
resources.forEach(function(link){
var src = link.getAttribute("xlink:href"),
src = src.replace("../",""), // mod by panurge
full = this.book.settings.contentsPath + src;
store.getUrl(full).then(function(url){
link.setAttribute("xlink:href", url);
//link.src = url;
link.onload = function(){
count--;
if(count <= 0 && callback) callback();
}
});
}.bind(this));
if(count === 0) callback();
}
Yo should call the function at the beginning:
EPUBJS.Renderer = function(book) {
this.el = book.element;
this.book = book;
this.settings = book.settings;
book.registerHook("beforeChapterDisplay",
[this.replaceLinks.bind(this),
this.replaceResources.bind(this),
this.replaceSVGImages.bind(this),
this.replaceHead.bind(this)], true);
Currently, the reader doesn't print... or sometimes it does, but it produces weird things. We could build a plugin to allow or disallow printing. I think it is something we should support.
What are hooks? More importantly, how do I use them?
At present it isn't exactly clear. :)
ReferenceError: _ is not defined @ file:///*****/epub.js/build/epub.js:50
Browsers chromium 28 & firefox 24
Page swipe functionality is not there. How to add it?
I would greatly appreciate any help here.
I setup epub.js as per documentation and examples and it works superbly on my PC locally (Windows 8), but for some unknown reason to me, it is perpetually loading when I try to open eBooks online. Uploaded all files by ftp transfer to the hosting server.
Am I missing something here? I am really perplexed and a bit lost at this point.
When am uploaded in server just loading the title y?
please help
advthanks.......
The html code of the Contained ePub Example has a simple error, we need to add a space between onclick="Book.nextPage();" and class="arrow" seems this is making the example not working.
Hi.
How can I run the Moby Dick's demo on local machine? (epub.js-master\demo\index.html)
I'm on Windows 7 with Firefox/Chrome.
After changing the name of the project, it appears there is something wrong with the demo. Any guesses?
What can I do to get a continuous page flow like evince in linux or like any pdf reader ?
Thank you in advance
I try on android default browser, the next page button not working. I tap tap a ton of time
and some time it go to nextChapter.
ePub Reader is not supported to Internet Explorer. I am currently using IE 8.
Webpage error details on IE:
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; .NET4.0C; .NET4.0E)
Timestamp: Mon, 23 Sep 2013 07:29:40 UTC
Message: Object doesn't support this property or method
Line: 874
Char: 42
Code: 0
URI: http://......//js/epub.min.js
Somewhere down the line we should look into building SSML support into a plugin. http://www.w3.org/TR/speech-synthesis/
This will be great for accessibility.
It would be really nice if the library can be installed using Bower. Thanks!
Using zoom in or Zoom Out on the browser really messes things up. The CSS columns become distorted and have a hard time coming back to normal.
The covers do not show on Galaxy S4. I don't know why?
How to implement "ePub text search" feature?
After my unsuccesfull try to get two page layouts to make a good animantion I suggest something new, but I'm not an expert in this field so I want to share this before start coding and know your opinion.
First we convert the page to a canvas object using html2canvas (https://github.com/niklasvh/html2canvas) and then animate the canvas object.
What do you think about this?
When I share a link on Facebook it would be nice to have the cover image for the preview area. How might this be accomplished?
Hi,
I'm trying out the demo using one of my own .epub books. It seems to recognize it is a zipped up .epub file and be attempting to unzip it but I get the error "Uncaught ReferenceError: zip is not defined" from zip.min.js.
Can you provide the documentation for how to use .epub files?
Thanks
In some screen resolutions the current reading position (currentLocationCfi) is not saved correctly and it restore at the beginning of the chapter.
I found EPUBJS.Renderer.prototype.isElementVisible returns the wrong result.
How can I change these with js? Changing zoom messes the presentation and I can't change css selectors of the books.
Core:
Reader features:
Settings page:
Hooks (plugins):
Enhancements:
Distributions:
Hi
I'm trying to use this reader in codeigniter but it seems only the images and css load.
i tried the demo in standalone and in the CI structure. the standalone works fine and i can change the epub files but when in the CI framework, it doesnt show the book.
the paths are correct and like i said, the images and format/css are fine...
how can i go about this?
Hello, is possible to add an animation like http://jsfiddle.net/wdm954/DkZsY/2/ when the user clicks next/previous page?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.