Trending
jQuery Document Viewer - CodeCanyon Item for Sale

Description

Document Viewer is a jQuery plugin that allows you to view several file formats directly in a web page. The file formats that Document Viewer supports are:
  1. PDF Files
  2. Text Files
  3. Code – bsh, c, cc, cpp, cs, csh, css, cyc, cv, htm, html, java, js, m, mxml, perl, php, pl, pm, py, rb, sh, xhtml, xml, xsl, sql, vb
  4. Images – png, jpg, jpeg, gif
  5. Audio – mp3, m4a, oga, webma, fla
  6. Video – m4v, ogv, ogg, webmv, flv,mpg, mpeg, mov, divx, avi

Usage

Initialize the plugin
var documentViewer = $('#document-preview').documentViewer();
Load A document
documentViewer.load('http://absolute/url/to/file.pdf');

Load a document without an extension

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

Load a document passing all options
documentViewer.load('http://absolute/url/to/file.pdf', {
    height:600;
    width:500;
    extension:'pdf',
    autoplay:true,
    autoLoadDependencies:true,
    debug:false,
    callback:function(){
        alert('document loaded');
    },
    jPlayer:{
        //you can play any jPlayer options here
        warningAlerts:false
    }
});

Document Viewer uses the following 3rd party utilities:

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

Important Notes & Quirks

  • This is a jQuery plugin with an optional PHP dependency if you want to use text & code documents.
  • This plugin uses pdf.js to render pdfs. Pdf.js is being developed by a very solid team, but it is still in beta, which means that it may not render all PDFs 100% correctly.
  • The plugin works in IE7 & 8 for all types except pdfs.

Need a project management system? Try my new app

Duet Project Management

MediaBox – Audio & Video

advanced-client-portal
by
by
by
by
by
by