HTML5 Stereo Viewer Guide
This website uses the HTML5 Stereo Viewer to display real digital stereoscopic photographs.
The HTML5 Stereo Viewer is a web application created by the Japanese stereo photographer Masuji Suto for displaying 3D photographs in web browsers with HTML5 support on a computer monitor, tablet or smartphone.
Take a moment to make yourself familiar with the operation of this viewer to help you work out the best way to view and enjoy the photographs on your devices.
HTML5 Stereo Viewer Menu and Shortcut Options
| Menu | Dropdown | Key | Function |
|---|---|---|---|
| X | Q | Back to the previous page | |
| Full | Enter | Full-Screen (if supported by your browser) | |
| Size | |||
| Fit | F | Fit to Screen size | |
| - | - | Zoom out | |
| + | + | Zoom in | |
| L/R | X | Swap Left/Right Photographs | |
| Stereo | S | Dropdown menu for the stereo viewing method |
|
| SBS | Side by side (Computer monitor, Tablet, Large Print or Smart Phone 3D and VR Viewers) | ||
| LR/RL | Parallel/Cross view (free-viewing) | ||
| Dubois | Dubois Anaglyph (Red-Cyan glasses required) | ||
| Colour | Colour Anaglyph (Red-Cyan glasses required) | ||
| Gray | Gray Anaglyph (Red-Cyan glasses required) | ||
| H_Int. | Column Interlaced (Passive 3D monitor and Circular Polarised glasses required) | ||
| 3DLCD | Row Interlaced (Lenticular barrier screen required) | ||
| HSBS | Side-by-side (50% width) | ||
| Mirror | Right side mirror photo display | ||
| 2D | Single Photograph View | ||
| Slide | Dropdown menu for Slide Show | ||
| Off | 0 | Stop Slide Show (Loop playback for movie) | |
| 3 Sec. | 3 | Run Slide Show with 3 sec. Interval (Continuous playback for movie) | |
| 5 Sec. | 5 | Run Slide Show with 5 sec. Interval (Continuous playback for movie) | |
| 7 Sec. | 7 | Run Slide Show with 7 sec. Interval (Continuous playback for movie) | |
| 10 Sec. | Run Slide Show with 10 sec. Interval (Continuous playback for movie) | ||
| <- | Backspace | Previous Photo | |
| -> | SpaceBar | Next Photo | |
| File * | |||
| Full SBS | H (*) | Open full width Side by side photograph/movie from your device/computer | |
| Half SBS | H (*) | Open half width Side by side photograph/movie from your device/computer | |
| Full T/B | H (*) | Open full height Top / Bottom photograph/movie from your device/computer | |
| Half T/B | H (*) | Open half height Top / Bottom photograph/movie from your device/computer | |
| * You can switch between full and half with the H key after opening the photograph. | |||
| Help | Dropdown menu for Help | ||
| Version | Show HTML5 Stereo Viewer Version Number | ||
| Reset | Reset to default setting | ||
| M | Show/Hide menu buttons, Mouse double click | ||
| If you don't operate the menu for 3 seconds, the menu will disappear. | |||
| During video playback, video controls appear at the bottom of the screen. | |||
| Progress bar | Displays video playback position and change playback position by dragging. | ||
| Elapsed time indication | Displays video length and current playback position in seconds. | ||
| Volume indication | Displays the Sound Volume level in %. | ||
| Menu | Dropdown | Key | Function |
| Play | P | Start/Pause Video Playback | |
| Stop | Stops video playback and restores the playback position to the beginning. | ||
| Up | Increases the sound volume. | ||
| Down | Decreases the sound volume. | ||
| Mute | Mutes the sound volume. | ||
Photograph Position / Rotation Adjustments. (the adjustment value is cleared when the photograph is switched)
| Key(s) | Function |
|---|---|
| Arrow keys | Adjusts horizontal or vertical alignment between the left and right photographs |
| K/L keys | Adjusts rotation alignment between the left and right photographs |
| Home or C key | Clears any adjustments between the left and right photographs |
| Mouse (PC) | Function |
| Mouse wheel | Zoom in/out of the photographs |
| Double click | Show/Hide menu buttons |
| Mouse drag | Move photograph position |
| Drag and drop files | Open local device movie/photograph files(multiple) in the viewer |
| Touch Screen | Function |
| Pinch | Zoom in/out of the photographs |
| Double tap | Show/Hide menu buttons |
| Drag | Move photograph position |
Smartphones and Head Mounted Displays
The best HTML Stereo Viewer mode to use on Smartphones or Head Mounted Displays is Side-by-Side (SBS).
If you are using the HTML5 Stereo Viewer on a Smartphone, it is best used in Landscape mode mounted in a suitable 3D or Virtual Reality Headset/Viewer. To operate all of the menu functions you may need to rotate your device to and from portrait mode. There are numerous 3D or Virtual Reality Headsets/Viewers on the market that will suit most modern smartphones with the simplest being any of the 'google cardboard' types. The London Stereoscopic Company (Brian May from Queen fame) sells the 'OWL Virtual Reality Kit'
You can use the HTML5 Stereo Viewer on a Head Mounted Displays that are able to take input from an external source. Examples of such devices are the Goovis G3 Max which can act as a secondary display.
Computer monitors, Laptops and Tablet devices
If you are using the HTML5 Stereo Viewer on a Computer monitor, Laptop or Tablet device it is best used in Landscape mode. The stereoscopic format that your screen/monitor can intrinsically support will determine your best viewing option.
On monitors, laptops or tablets with no intrinsic stereoscopic display format support and you do not have any stereoscopic glasses, your best option is a 3D mirror stereoscope that supports viewing SBS photographs.
3D mirror stereoscopes are becoming less common and you may have to resort to free-viewing using the parallel or cross-viewing approach. The LR/RL option on the HTML5 Stereo Viewer supports either of these.
The three Anaglyph options supported on the HTML5 Stereo Viewer (Dubois, Colour and Grey) require the use of Red-Cyan glasses. Anaglyph stereograms are much easier to view than either parallel or crossed-viewed SBS stereograms but come without the bright and accurate colour rendering of free-viewing.
If you have a display that supports passive 3D viewing using Circular Polarised glasses, then the appropriate HTML Stereo Viewer mode to use is Column Interlaced (H_Int.)
If you have a display that supports lenticular 3D viewing (glasses free), then the appropriate HTML Stereo Viewer mode to use is Row Interlaced (3DLCD)
If you have created your own stereogram you can use this online viewer to view your stereograms using any of the above formats. You just use the options available under the file menu to select the stereogram you want to view from your device. If you use this option, you can use the Reset option to return back to viewing the online photographs.
Your selected stereo viewing option is retained for the duration of your current browser session.
...
Jeff Ewen 3D - creating real digital stereoscopic photographs.
Contact me by clicking here.