Skip to main content

OpenSeadragon Deep Dive

51m 8s
English
Paid

Course description

In this course, you will learn how to prepare and publish gigantic images on the web using the scaling technology OpenSeadragon. The course is designed for web developers who want to create truly unique interfaces with an emphasis on immersive experiences, high resolution, and interactive overlays using OpenSeadragon and Node.js.

Read more about the course

You will master:

  1. preparation of large images and their conversion using the CLI utility VIPS;
  2. building a pipeline for batch image processing on Node.js;
  3. displaying multiple images in one viewer and animating them;
  4. customizing user interactions and animated transitions using Tween.js;
  5. adding HTML overlays with additional information and links.


OpenSeadragon is the de facto standard for working with ultra-high-resolution images on the web. It is used by artists, libraries, museums, scientific and medical institutions around the world. It allows you to display images that are too large for the screen or even for complete transmission, providing a smooth transition from low to ultra-high quality.

The course will give you a clear understanding of the basic principles (tile pyramids, different coordinate systems) and guide you through advanced techniques that will help take your projects to the next level. You will work with real applications - from the first line of code to the final result.

The course is taught by Ian Gilman, creator and maintainer of OpenSeadragon.

Watch Online

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 13 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Basic Viewer

All Course Lessons (13)

#Lesson TitleDurationAccess
1
Basic Viewer Demo
03:23
2
Sequence and Collection Modes
02:28
3
Tiled Images
06:11
4
Loading Your DZI
01:46
5
Automation
02:30
6
Pipeline
06:08
7
Loading the Images
02:09
8
Arranging the Images
05:13
9
Multiple Arrangeme
03:59
10
Clicking on Images
03:05
11
Custom Animation
07:10
12
HTML Overlays
03:51
13
Hover
03:15

Unlock unlimited learning

Get instant access to all 12 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Cursor: Learn to Code with AI

Cursor: Learn to Code with AI

Sources: Mckay Wrigley (takeoff)
The course teaches how to use Cursor to accelerate software code development. The course covers working with various features of Cursor, demonstrates best...
4 hours 50 minutes 14 seconds
Introduction to AI Agents

Introduction to AI Agents

Sources: DAIR.AI
This course is dedicated to creating effective and complex AI agents. Students will study the main components for developing AI agents and best practices for...
1 hour 39 minutes 43 seconds
Scale React Development with Nx

Scale React Development with Nx

Sources: egghead
On the surface, starting a project sounds easy. First you make some directories, install some dependencies, then you write some code. But there's a bit more to
1 hour 34 minutes 10 seconds
Becoming an Xcode Power User

Becoming an Xcode Power User

Sources: pluralsight
In this course, you will learn how to master the skills necessary to work proficiently as an iOS developer by effectively leveraging the power of Xcode.
2 hours 34 minutes 51 seconds
Stripe Payments Cloud Functions

Stripe Payments Cloud Functions

Sources: fireship.io
This course has been deprecated! While the code here will still work, the it is recommended that you use the latest Stripe APIs shown in the new.
1 hour 10 minutes 33 seconds