Giter Club home page Giter Club logo

universalviewer's Introduction

Universal Viewer

Build Status   

npm install universalviewer --save

Examples

Google group

Twitter

Contributors

Contributors

Features:

  • Zoomable

    OpenSeadragon image zooming using the IIIF image API

  • Embeddable

    YouTube-style embedding with deep links to specific pages/zoom regions.

  • Themable

    Fork the UV theme on github to create your own.

  • Configurable

    The UV has its own visual configuration editor allowing all settings to be customised.

  • Extensible

    Supports "IxIF" out of the box, allowing 3D, audio, video, and pdf viewing experiences.

More about the Universal Viewer

Stable Builds

See the GitHub releases page.

Development

The most up-to-date code can usually be found on the dev branch. Please see the wiki for instructions on how to customise the viewer for your own projects.

First Time Setup

All command-line operations for building the UV are scripted using Grunt which is based on Node.js. To get set up:

  1. Install Node.js, if you haven't already

  2. Install the grunt command line interface (if you haven't already); on the command line, run:

     npm install -g grunt-cli
    
  3. Install bower (if you haven't already)

     npm install -g bower
    
  4. Clone the universalviewer repository and sub modules:

     git clone https://github.com/UniversalViewer/universalviewer.git --recursive
    
  5. On the command line, go in to the universalviewer folder

  6. Run

     npm install
     bower install
     grunt sync
    

Debug Builds

To build the debug version of the viewer, just run (on the command line, in the universalviewer folder):

grunt

This will compile the .less files into .css and .ts files into .js with source maps to aid in debugging.

Distribution Builds

To build the distribution version of the UV, just run (on the command line, in the universalviewer folder):

grunt build

A versioned uv-major.minor.patch folder along with compressed .zip and .tar files will appear in the /dist folder. Use these in your website, or alternatively use:

npm install universalviewer --save

which will download the distribution folder to node_modules.

Examples

To view the examples run:

grunt
grunt examples

License

The Universal Viewer is released under the MIT license.

universalviewer's People

Contributors

adunning avatar bazer avatar demiankatz avatar edminsson avatar edsilv avatar fractos avatar jenlindner avatar jenniferstrej avatar john-root avatar nicolasfranck avatar ra-magnus-welander avatar svarmajo avatar tomcrane avatar waffle-iron avatar waltricejr avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar  avatar

Forkers

bhanditz

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.