Stereopix viewer examples

Here, we will present some examples to use the viewer of Stereopix in your own website. It is a complement to the help page of the website. Remember that the files you want to load in the viewer should all be served in HTTPS with the CORS headers set to allow https://stereopix.net.

Have the curiosity to inspect the source code of these pages on this website or in the GitHub repository. This one additionnaly contains a mini HTTPS server giving CORS permissions written in python (with self-generated certificate that you would have to temporary allow) that could help you to test on your local machine.

Table of content

Simple parallel

This example shows a simple case with only one image in parallel format.

Go to example

Simple cross

This example shows a simple case with only one image in cross format.

Go to example

Simple phantogram

This example shows a simple case with only one image in parallel format defined as phantogram.

Go to example

Advanced JSON as file

This example shows a list of images passed from a JSON file.

Go to example

Advanced JSON as script

This example shows a list of images passed by JSON via script.

Go to example

Ratio 2:1

This example shows how to change the style to display the viewer in a box of ratio 2:1.

Go to example

Gallery

This example shows how to build a simple gallery on top of the viewer.

Go to example

Conversion from Suto's viewer

This example shows how to send a list of images originally created for the "HTML5 viewer" of M.Suto to the viewer of Stereopix.

Go to example (in javascript)

Go to example (with python script)

Presenter PoC

This example shows a proof-of-concept (PoC) presenter assistant, allowing multiple people to look at the same image in sync with their prefered viewing method.

Go to example