EPUB Reader on your website.
You can publish EPUB books on the web with a permalink for each book, and you can embed it in other webpages (just like a YouTube video).
- EPUB 3 and 2 compliant.
- Open source. (MIT license)
- Made with JavaScript. Works compatibly with all major web browsers on Mac/PC/smartphones.
- How to Setup & Read/Publish EPUB Books (for Users/Publishers)
- How to Arrange Development Environment (for Developers)
- License
- Special Thanks
BiB/i supports 3 ways to read/publish EPUB books:
- Read in browsers on your local machine.
- Publish on the web to have your books read by someone.
- Open to the public as an online EPUB viewer for visitors' local EPUBs.
In all cases,
- Download BiB/i from GitHub release page or BiB/i website.
- And unzip it at first.
- Open
bib/i/index.html
in your browser, and - Drag an EPUB book and drop it into the window.
- That's all!
Demo.
You can publish both unzipped folder and zipped EPUB archive.
Using unzipped folder is recommended for the book which is heavy or contains many files. Using zipped EPUB file is recommended for the book which is light or contains less files.
- Upload
bib
folder on your web server. - Unzip an EPUB book,
- Change the file extension from
.epub
to.zip
(BOOKNAME.epub
->BOOKNAME.zip
), and - Unzip the file with some tool.
- Change the file extension from
- Upload the unzipped folder
BOOKNAME
intobib/bookshelf
directory, and - Access to
https://your.web.site/somewhere/bib/i/?book=BOOKNAME
by your browser. (note that it has no extension) - Or embed code below into your blog entry or other webpages, and visit the entry.
<a href="https://your.web.site/somewhere/bib/i/?book=BOOKNAME" data-bibi="embed" data-bibi-style="[[ CSS for embeded BiB/i frame, as you like ]]">My Great Book Title</a><script src="https://your.web.site/bib/i.js"></script>
- Upload
bib
folder on your web server. - Upload your EPUB book (ex.
BOOKNAME.epub
) tobib/bookshelf
directory, and - Access to
https://your.web.site/somewhere/bib/i/?book=BOOKNAME.epub
by your browser. - Or embed code for it.
<a href="https://your.web.site/somewhere/bib/i/?book=BOOKNAME.epub" data-bibi="embed" data-bibi-style="[[ CSS for embeded BiB/i frame, as you like ]]">My Great Book Title</a><script src="https://your.web.site/bib/i.js"></script>
- Upload
bib
folder on your web server. - Navigate visitors to
https://your.web.site/somewhere/bib/i
. - Visitors can read one's local EPUBs by draging and dropping EPUBs into the window.
If you want to terminate this feature, set "no" to "accept-files" in bib/i/presets/default.js
.
- Clone this repository.
$ cd <the local repository>
$ npm install
$ npm start
- Distribution files are generated/updated.
- Local webserver is launched and your browser opens
http:https://localhost:61671/bib/i/?book=
.
- Edit source files.
- Distribution files are updated.
- Your browser is reloaded.
-
SCSS source file(s) of...
bib/i/res/styles/bibi.css
are indev-bib/i/res/styles/
,bib/i.css
isdev-bib/i.scss
.
-
JavaScript source file(s) of...
bib/i/res/scripts/bibi.js
are indev-bib/i/res/scripts/
(andbower_components/
),bib/i.js
isdev-bib/i.js
,- the extensions in
bib/i/extensions/
are indev-bib/i/extensions/
.
-
These files are not processed by gulp tasks:
bib/i/index.html
- Files in
bib/i/presets/
- Files in
bib/bookshelf/
- Copyright © Satoru MATSUSHIMA - https://bibi.epub.link/ or https://github.com/satorumurmur/bibi
- Licensed under the MIT license. - https://opensource.org/licenses/mit-license.php
- Native Promise Only ... Copyright © Kyle Simpson (Licensed under the MIT license.)
- easing.js ... Copyright © Dan Rogers (Licensed under the MIT license.)
- JSZip ... Copyright © Stuart Knightley (Dual licensed under the MIT license or GPLv3.)
- JSZipUtils ... Copyright © Stuart Knightley (Dual licensed under the the MIT license or GPLv3.)
- JS-YAML ... Copyright © Vitaly Puzrin (Licensed under the MIT license.)
- sML ... Copyright © Satoru MATSUSHIMA (Licensed under the MIT license.)
- Material Icons ... Copyright © Material Design Authors / Google Inc. (Licensed under the Apache License Version 2.0.)
- Font Awesome Free ... Copyright © Dave Gandy (Licensed under the SIL Open Font License (OFL) 1.1)
- KITAITI Makoto ... @KitaitiMakoto
- Shunsuke ITO ... @shunito