How to use HTML5 3D Depth Viewer

HTML5 3D Depth Viewer is a web application for viewers that converts and displays various 3D images from 2D images and depth map SBS or T/B format video (mp4)/still images (Jpeg) in real time.
It also supports half SBS and half T/B input. It also supports Jpeg files with a built-in depth map taken in portrait mode on the iPhone. Drop each file to display it. You can also drop multiple files and use the space/BS keys to switch between images.
The input file format (Full SBS, Half SBS, Full T/B, Half T/B) can be specified later by keystroke, or by file name.
filename_f.jpg : Full SBS
filename_h.jpg : Half SBS
filename_v.jpg : Full T/B
filename_u.jpg : Half T/B
There are also two types of depth maps, "black is foreground" and "white is foreground". Similarly, you can change it later by using buttons or keys, but you can also specify it by file name.
b_filename.jpg : Black is foreground -> The button display to the right of L/R will be FR(BK).
w_filename.jpg : White foreground -> The button display to the right of L/R will be FR(WT).
If you use the wrong depth, not only will the left and right sides be reversed, but you will also not be able to create a clean 3D image. Be sure to use the 2D+Depth display to check that the depth type and button display match.

Menu	Dropdown	Key	Function
X		Q	Back to the previous page
Full		Enter	Full-Screen if supported by browser Click here to learn how to view it in full screen on your iPhone.
Fit		F	Fit to Screen size
L/R		X	Swap Left/Right images
FR(BK)		W	Switching between "Black is foreground" and "White is foreground" in the depth map When the display is FR(BK), "Black is in front. When the display is FR(WT), "White is in front.
Stereo		S	Dropdown menu for the stereo viewing method
	2D+Depth		Side by side display of 2D and depth maps
	SBS		Side by side
	LR/RL		Parallel/Cross view
	Dubois		Dubois Anaglyph (Red-Cyan)
	Color		Color Anaglyph (Red-Cyan)
	Gray		Gray Anaglyph (Red-Cyan)
	H_Int.		Column Interlaced
	3DLCD		Row Interlaced
	HSBS		Side-by-side (50% width)
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)
<-		BS	Previous Image
->		SP	Next Image
File			You can switch between full and half with the H key after opening the image.
	Full SBS		Open full width SBS movie/image
	Half SBS		Open half width SBS movie/image
	Full T/B		Open full height T/B movie/image
	Half T/B		Open herf height T/B movie/image
Help			Dropdown menu for Help
	Japanese		Japnese help page
	English		English help page
	Version		Show version No.
	Reset		Reset to default setting
		M	Show/Hide menu buttons Mouse double click If you don't operate for 3 seconds, the menu will disappear.
During video playback, video controls appear at the bottom of the screen.
progress bar			Display video playback position and change playback position by dragging
Elapsed time indication			Display video length and current playback position in seconds
Play		P	Video Playback/Pause
Stop			Stops video playback and restores the playback position to the beginning.
volume indication			Volume level in %.
UP			increase in volume
Down			decrease in volume
Mute			Muting

Depth adjustment, image rotation
arrow key	Depth adjustment
K/L key	Image rotation
Home or C key	Value clear

Mouse (PC)
Mouse wheel	Zoom in/out
Double click	Show/Hide menu buttons
Mouse drag	move image position
Drag and drop files	Open movie/image files(multiple)

Touch (iPad/iPhone/Android etc)
Pinch	Zoom in/out
double taps	Show/Hide menu buttons
Touch scroll	move image position