Open Media Library

2014-05-04 19:26:43 +02:00 · 2014-05-04 19:26:43 +02:00 · 2ee2bc178a
commit 2ee2bc178a
228 changed files with 85988 additions and 0 deletions
--- a/static/html/epub.html
+++ b/static/html/epub.html
@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html class="no-js">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+        <title>epub.js</title>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width">
+        <meta name="apple-mobile-web-app-capable" content="yes">
+
+                
+        <!-- EPUBJS Renderer -->
+        <script src="/static/epub.js/epub.min.js"></script>
+        
+        <style type="text/css">
+
+          body {
+            overflow: hidden;
+            background: #fff;
+          }
+
+          #main {
+            position: absolute;
+            top: 0;
+            bottom: 0;
+            left: 0;
+            right: 0;
+          }
+
+          #area {
+            position: absolute;
+            right: 44px;
+            left: 44px;
+            top: 32px;
+            bottom: 32px;
+          }
+
+          #area iframe {
+            border: none;
+          }
+
+          #prev {
+            top: 0;
+            left: 0;
+            width: 36px;
+            bottom: 0;
+          }
+
+          #next {  
+            right: 0;
+            top: 0;
+            width: 36px;
+            bottom: 0;
+          }
+
+          .arrow {
+            position: absolute;
+          }
+
+          .arrow:hover {
+            background: #eee;
+          }
+           
+          .arrow:active {
+            background: #fff;
+          }
+        </style>
+        
+         <script>
+            "use strict";
+
+            function bookUrl() {
+                return document.location.pathname.replace(/\/reader\//, '/epub/');
+            }
+
+            var Book = ePub({store: false});
+            Book.open(bookUrl());
+            Book.getMetadata().then(function(meta) {
+                document.title = meta.bookTitle + " – " + meta.creator;
+                document.addEventListener("keydown", function(event) {
+                    if (event.keyCode == 39 || event.keyCode == 40) {
+                        Book.nextPage();
+                    } else if (event.keyCode == 37 || event.keyCode == 38) {
+                        Book.prevPage();
+                    }
+                }, false);
+            });
+        </script>
+    </head>
+    <body>
+        <div id="main">
+          <div id="prev" onclick="Book.prevPage();" class="arrow"></div>
+          <div id="area"></div>
+          <div id="next" onclick="Book.nextPage();"class="arrow"></div>
+        </div>
+
+        <script>            
+            
+            Book.renderTo("area");
+
+        </script>
+    </body>
+</html>