jQuery Document Viewer

jQuery Document Viewer Created by its_level. This templates have specific characteristics, namely: Load a document without an extension .

You can use this jQuery Document Viewer on Javascript category for audio, code, document, document viewer, file, file viewer, media, pdf, text, video, viewer and another uses.

jQuery Document Viewer
© Copyright by its_level

Features:

  • None: None
  • Jquery: jQuery
  • No: No
  • Ie9, ie10, ie11, firefox, safari, opera, chrome: IE9, IE10, IE11, Firefox, Safari, Opera, Chrome
  • Javascript js, html, css, php, swf/flv: JavaScript JS, HTML, CSS, PHP, SWF/FLV

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. Images – png, jpg, jpeg, gif
  3. Audio – mp3, m4a, oga, webma, fla
  4. Video – m4v, ogv, ogg, webmv, flv

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

MediaBox – Audio & Video