Aug 16, 2018
230 Views

jQuery Document Viewer

Written by

LIVE PREVIEWBUY FOR $7

Description

Document Viewer is a jQuery plugin that allows you to view more file formats directly on a web page. The file formats supported by Document Viewer are:

  1. PDFs
  2. Pictures – png, jpg, jpeg, gif
  3. sound – mp3, m4a, anda, webma, fla
  4. video – m4v, andv, andg, webmv, flv

Application

Initialize the plugin

was documentViewer = $ (& # 39; # document preview & # 39;). document viewer ();

Load a document

documentViewer.load (& # 39; http: //absolute/url/to/file.pdf');

Load a document without an extension

documentViewer.load (& # 39; http: // absolute / url / to / 1 & # 39 ;, {extension: & # 39; pdf & # 39;});

Load a document that passes all options

documentViewer.load (& # 39; http: //absolute/url/to/file.pdf&#39 ;, {
height: 600;
width: 500;
extension: & # 39; pdf & # 39 ;,
autoplay: true,
autoLoadDependencies: sande,
debug: fake,
revoke: function () {
warning (& # 39; document loaded & # 39;);
},
jPlayer: {
// You can play jPlayer options here
warningAlerts: false
}
});

Document Viewer uses the following 3rd party utilities:

  • PDF.js
  • jPlayer
  • Flowplayer
  • Google Code Prettify

Important notes and quirks

  • This is a jQuery plugin with an optional PHP addiction if you want to use text and code documents.
  • This plugin uses PDF.js to do pdfs. Pdf.js is developed by a very solid team, but it is still in beta, which means that it may not make all PDF files 100% correct.
  • The plug works in IE7 & 8 for all types except pdfs.

Do you need a project management system? Try my new app


Duet Project Management

MediaBox – Audio & Video


advanced-client portal

Source

Article Tags:
Article Categories:
Javascript
ThemeForest best selling themes

Jaeho Park completed a Master in Fine Arts at the Hongik University in 1999, followed by a Master in Photographic Studies at the University of Westminster in 2012. After working for many years as a university professor, designer and curator in South Korea.

Leave a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.