Δωρεάν βιβλιοθήκη JavaScript για απόδοση εγγράφων EPUB

Ξεκινώντας με το Epub.js

Το Epub.js είναι διαθέσιμο στις npm. Πρώτα πρέπει να εγκαταστήσετε το node.js και μετά να εγκαταστήσετε το Epub.js στον υπολογιστή σας. Χρησιμοποιήστε την ακόλουθη εντολή για ομαλή εγκατάσταση.

 npm install

Αποδώστε έγγραφα EPUB με διάφορους τρόπους μέσω JavaScript

Η βιβλιοθήκη ανοιχτού κώδικα Epub.js επιτρέπει στους προγραμματιστές λογισμικού να αποδίδουν Έγγραφα EPUB με διάφορους τρόπους μέσα στις δικές τους εφαρμογές JavaScript. Η βιβλιοθήκη προσφέρει δύο διαφορετικές μεθόδους απόδοσης, συμπεριλαμβανομένων των προεπιλεγμένων και συνεχών. Η προεπιλεγμένη μέθοδος απόδοσης μπορεί να χρησιμοποιηθεί για την εμφάνιση μιας ενότητας κάθε φορά. Από την άλλη πλευρά, η συνεχής λειτουργία μπορεί να χρησιμοποιηθεί για την εμφάνιση πολλών τμημάτων ανάλογα με την ανάγκη γεμίσματος της οθόνης και προφόρτωσης του επόμενου τμήματος εκτός οθόνης.

// Default Rendering
book.renderTo("area", { method: "default", width: "100%", height: "100%" });
// Continuous Rendering
book.renderTo("area", { method: "continuous", width: "100%", height: "100%" });
//Flow Overrides Paginated
book.renderTo("area", { flow: "paginated", width: "900", height: "600" });
//Scrolled: 
book.renderTo("area", { flow: "scrolled-doc" });

Εφαρμόστε Hooks σε Έγγραφα EPUB σε εφαρμογές JavaScript

Η βιβλιοθήκη Epub.js έχει συμπεριλάβει μια πολύ χρήσιμη δυνατότητα παρόμοια με πρόσθετα για την αλληλεπίδραση και το χειρισμό του περιεχομένου του βιβλίου. Η βιβλιοθήκη υλοποιεί συμβάντα στα οποία μπορείτε να κολλήσετε εύκολα. Για παράδειγμα, οι χρήστες μπορούν να φορτώσουν απευθείας βίντεο από συνδέσμους YouTube πριν εφαρμόσουν σχολιασμούς ή εμφανίσουν τα περιεχόμενα ενός κεφαλαίου. Οι Hooks χρειάζονταν ένα συμβάν για να εγγραφούν και ένα can να επιστρέψει μια υπόσχεση για αποκλεισμό μέχρι να ολοκληρωθούν.

  rendition.hooks.content.register(function(contents, view) {
    var elements = contents.document.querySelectorAll('[video]');
    var items = Array.prototype.slice.call(elements);
    items.forEach(function(item){
      // do something with the video item
    });
})

Χειρισμός εγγράφων EPUB μέσω JavaScript

Το ανοιχτού κώδικα Epub.js έχει παράσχει πλήρη λειτουργικότητα για τη δημιουργία νέων εγγράφων EPUB και τον χειρισμό του με μόνο μερικές γραμμές κώδικα JavaScript. Ένα αρχείο με επέκταση .epub είναι απλώς ένα αρχείο zip που περιέχει ένα σωρό HTML, εικόνες και μεταδεδομένα για το eBook σας. Η βιβλιοθήκη επιτρέπει τον καθορισμό προσαρμοσμένων CSS και γραμματοσειρών για το στυλ του εγγράφου. Παρέχει πολλές σημαντικές λειτουργίες για αναζήτηση ολόκληρου του βιβλίου ή αναζήτηση τρέχοντος κεφαλαίου, σάρωση για να γυρίσετε σελίδες, δημιουργία και αποθήκευση τοποθεσιών και ούτω καθεξής.

 rendition.on("displayed", event => {
    let start = null;
    let end = null;
    const el = event.document.documentElement;
    el.addEventListener('touchstart', event => {
        start = event.changedTouches[0];
    });
    el.addEventListener('touchend', event => {
        end = event.changedTouches[0];
        let hr = (end.screenX - start.screenX) / el.getBoundingClientRect().width;
        let vr = (end.screenY - start.screenY) / el.getBoundingClientRect().height;
        if (hr > vr && hr > 0.25) return rendition.prev();
        if (hr < vr && hr < -0.25) return rendition.next();
        if (vr > hr && vr > 0.25) return;
        if (vr < hr && vr < -0.25) return;
    });
});