EPUB दस्तावेज़ रेंडरिंग के लिए मुफ़्त JavaScript लाइब्रेरी

Epub.js के साथ शुरुआत करना

Epub.js npm पर उपलब्ध है, पहले आपको node.js इंस्टॉल करना होगा और फिर आप अपनी मशीन पर Epub.js इंस्टॉल कर सकते हैं। सुचारू स्थापना के लिए कृपया निम्न कमांड का उपयोग करें।

 npm install

जावास्क्रिप्ट के माध्यम से EPUB दस्तावेज़ों को विभिन्न तरीकों से प्रस्तुत करें

ओपन सोर्स Epub.js लाइब्रेरी सॉफ्टवेयर प्रोग्रामर्स को अपने स्वयं के जावास्क्रिप्ट अनुप्रयोगों के अंदर EPUB दस्तावेज़ों को विभिन्न तरीकों से प्रस्तुत करने में सक्षम बनाती है। पुस्तकालय डिफ़ॉल्ट और निरंतर सहित दो अलग-अलग रेंडर विधियों की पेशकश करता है। डिफ़ॉल्ट रेंडरिंग पद्धति का उपयोग एक बार में एक सेक्शन को प्रदर्शित करने के लिए किया जा सकता है। दूसरी ओर निरंतर मोड का उपयोग स्क्रीन को भरने की आवश्यकता के अनुसार कई अनुभागों को प्रदर्शित करने के लिए किया जा सकता है और अगले अनुभाग को ऑफ-स्क्रीन प्रीलोड किया जा सकता है।

// 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 ऐप्स में EPUB दस्तावेज़ों में हुक लागू करें

Epub.js लाइब्रेरी में पुस्तक की सामग्री के साथ इंटरैक्ट करने और हेरफेर करने के लिए प्लगइन्स के समान एक बहुत ही उपयोगी सुविधा शामिल है। पुस्तकालय उन घटनाओं को लागू करता है जिनमें आप आसानी से शामिल हो सकते हैं। उदाहरण के लिए उपयोगकर्ता एनोटेशन को लागू करने या किसी अध्याय की सामग्री प्रदर्शित करने से पहले सीधे YouTube लिंक से वीडियो लोड कर सकते हैं। हुक को पंजीकरण करने के लिए एक घटना की आवश्यकता होती है और जब तक वे समाप्त नहीं हो जाते, तब तक ब्लॉक करने का वादा वापस कर सकते हैं।

  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 दस्तावेज़ों में हेरफेर करना

ओपन सोर्स Epub.js ने नए EPUB दस्तावेज़ बनाने और जावास्क्रिप्ट कोड की केवल कुछ पंक्तियों के साथ इसमें हेरफेर करने के लिए पूर्ण कार्यक्षमता प्रदान की है। .epub एक्सटेंशन वाली फ़ाइल केवल एक ज़िप फ़ाइल होती है जिसमें HTML, छवियों और आपके ईबुक के बारे में मेटाडेटा का एक गुच्छा होता है। पुस्तकालय दस्तावेज़ को स्टाइल करने के लिए कस्टम सीएसएस और फोंट निर्दिष्ट करने की अनुमति देता है। यह संपूर्ण पुस्तक को खोजने या वर्तमान अध्याय को खोजने, पृष्ठ बदलने के लिए स्वाइप करने, स्थानों को बनाने और सहेजने आदि के लिए कई महत्वपूर्ण कार्य प्रदान करता है।

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