A custom [login to view URL] viewer
€8-30 EUR
Pagado a la entrega
I need to show some pdf files and images inside website galleries.
I have built a small website that uses a plugin called PhotSwipe to build these galleries.
I have a set of thumbnails and when someone clicks on one of them, a gallery starts and must show either images and pdf files.
My pdf files can be single or multiple pages, and they can be of different dimensions and aspect ratio (ratio between height and width of the document); anyway, multiple pages pdf documents include pages all of the same dimension and aspect ratio.
I need someone very skilled in Javascript and in particular in [login to view URL] plugin/project to create a basic minimalist pdf viewer. The viewer should be built from scratch and not customizing the one available with the [login to view URL] project. I already know something about this plugin but I have no time to study it and to do it by myself, so I wish someone does this for me. The viewer will be an html file, that can be shown through the PhotoSwipe plugin. I need the viewer:
- can adapt the canvas to the available size of the browser's window: i.e. based on the height and width of the browser's window, or viewport, the canvas size must resize
- when the pdf file is initially shown, its zoom level must be so that the canvas use all the available height or width (depending on the aspect ratio of the pdf to show and that of the available height and width of the actual browser window) and it must be centered horizontally or vertically (always depending on the aspect ratios);
- for multiple pages document, the viewer, at opening, must show the first page (always with the same rules of the previous point) and have a scrollbar to go to the next pages;
- only for desktop websites: on hovering the canvas some controls must appear: a label that shows the actual page number and the whole document pages number; zoom in, out and zoom page fit (i.e. the same of the initial zoom level, if the window has not been resized): when somone zoom in scrollbar(s) must appear; pan control to move the page with mouse;
- for mobile devices: zoom and pan must be managed through touch gestures, so no control must be present, but the number of actual page and that of the whole document pages (this must appear/disappear when tapping the canvas);
- last but one of most important requirement: I wish to serve encypted pdf files so that if some visitor save it on its pc or mobile device, this can't be opened without a decryption password. I have seen on the [login to view URL] website this is possible to do (last example at [login to view URL])
I will take care of the style of the controls group stated above.
I think this job is not too difficult for who is really skilled with Javascript, Promises and knows the Pdf.js. I know some basics of these things but I have no time to take care of it now, so please make your proposal only if you fulfill the mentioned requirements.
I will assign this job only to those who can demonstrate it and I will unlock the payment only when all the above functionalities will be implemented.
Thank you, Federico
I have already solved by myself the last requirements, that related to encryption (not following the example I stated in the project description but serving opening password protected pdf files) so do not take care of it. Anyway, I need to be able to pass to the Pdf.js API call PDFJS.getDocument() both (obviously) the url of the file and its password.
I still need all previous requirements.
Thank you.
Nº del proyecto: #13302798
