What technologies should be used to write an online reader for electronic versions of journals?

Question

Programming

There is a task to write an online reader of electronic versions of magazines sold by the organization. Now similar ones are used by the sites pressa.ru/ and ru.zinio.com/ , they are made on adobe flash and are .swf. Each page of the magazine is also loaded as a .swf. Tell me if it makes sense to use the same technology or if there are better options.

Answer 1

About 5 years ago I was concerned about such a problem. From what remains in my head, these are the general algorithms of work.
The concern there is that
at the input you have a pdf that needs to be transformed into something that can be displayed in the browser without plugins.
There are 2 options:
1) show each page as an image
2) recognize text in pdf-ke.
It is possible to recognize text, but it is very difficult (there were articles on Habré on how to extract text from pdf), but at the same time, there is a very high probability of errors with OCR, which will negatively affect both the pdf provider (media) and the reader.
Only images remain.
There are the following problems here:
1) the image file should not be very large, but the text should be readable, that is, you need to “pick up” the compression quality.
2) 2-3 versions of the image are needed: 1 - a small preview for the list of pages, 2 - a preview of the page on the spread, 3 - a full picture of the page with readable text (shown when clicking on the page preview on the spread)
Accordingly, we get the output that pdf- ku needs to be converted to jpg-gi, so that later they can be uploaded somewhere.
Well, then it remains only to load them into the flash drive.
Completely forgot. In pdf-ke you will still have a bunch of pages, that is, you will need to “split” it into pages.
Thus, you will have two tasks:
1) convert the pdf page by page
2) show the result to the user
In my case, I took a pdf with the help of ghostscript, laid it out into pages and large jpg, and then, using convert from ImageMagik, transformed it into pictures sized 60x40, 150x100 and 300x200.
Currently, you can try to implement the display in HTML5, but, honestly, I have no such experience.
If you have any questions, please contact me, as far as possible - I will prompt.

Answer 2

html + (php|python|nodjs) + normal mysql
This is enough!

Answer 3

There is such a thing www.turnjs.com/ just html5. Each page is a separate picture

Answer 4

To fight against screenshots, you can add a watermark to the image, few people want marked pictures in their “collection”, and it’s labor-intensive to remove them from each page with your hands.
Instead of flash, you can use another, almost dead, MS Silverlight technology.
I was making a booklet for a sports store rasterizing a PDF document based on the WPF Viewer example from Apitron.PDF.Rasterizer .
The library has the ability to scale the original image, generate small cover images, save in standard PNG, JPEG, BMP graphic formats. I myself did a simple linear navigation, but the latest version added an API for navigation and bookmarks.
There is a sample application for Windows Phone