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.
OpenSeadragon Deep Dive
You will master:
- preparation of large images and their conversion using the CLI utility VIPS;
- building a pipeline for batch image processing on Node.js;
- displaying multiple images in one viewer and animating them;
- customizing user interactions and animated transitions using Tween.js;
- 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.
About the Author: newline (ex fullstack.io)
Newline is a learning platform for developers. It supports people who want to grow into technical leaders.
Main Features
- You can learn front-end, back-end, and modern languages. Courses cover Rust, GraphQL, and topics in artificial intelligence.
- A newline Pro subscription gives you access to many courses, video lessons, interactive projects, source code, and a private community.
- The free plan offers basic videos, a library of materials, and access to the community.
- The platform values community support. You can get help with projects, find co-authors, and share experience with other students and instructors.
Watch Online 13 lessons
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 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 |
Get instant access to all 12 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscription