EPUB sənədlərinin göstərilməsi üçün pulsuz JavaScript kitabxanası

Epub.js ilə işə başlamaq

Epub.js npm-də mövcuddur. Əvvəlcə node.js-ni quraşdırmalısınız, sonra Epub.js-i maşınınıza quraşdıra bilərsiniz. Düzgün quraşdırma üçün aşağıdakı əmrdən istifadə edin.

 npm install

JavaScript vasitəsilə EPUB sənədlərini müxtəlif yollarla göstərin

Açıq mənbəli Epub.js kitabxanası proqram proqramçılarına EPUB Sənədlərini öz JavaScript proqramlarında müxtəlif üsullarla göstərməyə imkan verir. Kitabxana standart və davamlı daxil olmaqla iki fərqli göstərmə metodu təklif edir. Defolt göstərmə üsulu bir anda bir bölməni göstərmək üçün istifadə edilə bilər. Digər tərəfdən, davamlı rejim ekranı doldurmaq və ekrandan kənar növbəti hissəni əvvəlcədən yükləmək ehtiyacına uyğun olaraq bir çox bölmələri göstərmək üçün istifadə edilə bilər.

// 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" });

JavaScript Tətbiqlərində EPUB Sənədlərində Hooks tətbiq edin

Epub.js kitabxanası kitabın məzmunu ilə qarşılıqlı əlaqə və manipulyasiya üçün plaginlərə bənzər çox faydalı funksiyanı özündə birləşdirir. Kitabxana asanlıqla qoşula biləcəyiniz tədbirlər həyata keçirir. Məsələn, istifadəçilər annotasiya tətbiq etməzdən və ya fəslin məzmununu göstərməzdən əvvəl birbaşa YouTube linklərindən video yükləyə bilərlər. Hooks qeydiyyatdan keçmək üçün tədbirə ehtiyac duydu və bitənə qədər bloklamaq vədini qaytara bilər.

  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
    });
})

JavaScript vasitəsilə EPUB sənədlərinin manipulyasiyası

Açıq mənbəli Epub.js yeni EPUB Sənədləri yaratmaq və onu sadəcə bir neçə sətir JavaScript kodu ilə manipulyasiya etmək üçün tam funksionallıq təmin edib. .epub genişləndirilməsi olan fayl sadəcə olaraq HTML, şəkillər və e-Kitabınız haqqında metadatadan ibarət zip fayldır. Kitabxana sənədin üslubu üçün xüsusi CSS və şriftləri təyin etməyə imkan verir. O, bütün kitabı axtarmaq və ya cari fəsildə axtarış etmək, səhifələri çevirmək üçün sürüşdürmək, yerləri yaratmaq və saxlamaq və s. üçün bir neçə vacib funksiyanı təmin edir.

 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;
    });
});