Stitched panoramas editor viewer - Revision history

Oleg at 19:00, 27 April 2017

2017-04-27T19:00:16Z

← Older revision		Revision as of 19:00, 27 April 2017
Line 1:		Line 1:
			==Notes==
			* Database setup is not required
	==Description==		==Description==
	A web-based WebGL Panorama Editor/Viewer. Some older PCs and browsers might not be able to handle the graphics.		A web-based WebGL Panorama Editor/Viewer. Some older PCs and browsers might not be able to handle the graphics.
Line 88:		Line 90:

	===Footage procedures page===		===Footage procedures page===
	More information is on the [[~~Eyesis4Pi_Footage_Procedures_page~~\|documentation page]].		More information is on the [[Eyesis4Pi_393_Footage_Procedures_page\|documentation page]].

	There's the "Footage Procedures" webpage on the Eyesis PC bookmarked in both - Firefox and Chrome:		There's the "Footage Procedures" webpage on the Eyesis PC bookmarked in both - Firefox and Chrome:
Line 107:		Line 109:
	3.1.1 http://127.0.0.1/webgl_editor/pano_index.html (or just [http://127.0.0.1/webgl_editor/index.html index.html]?!) - clicking a link in the 1st column opens the WebGL Editor/Viewer.		3.1.1 http://127.0.0.1/webgl_editor/pano_index.html (or just [http://127.0.0.1/webgl_editor/index.html index.html]?!) - clicking a link in the 1st column opens the WebGL Editor/Viewer.
	3.1.2 Route IDs named as *.kml are kml files stored in "/data/webgui/webgl_editor/webgl-editor-db/kml_files".		3.1.2 Route IDs named as *.kml are kml files stored in "/data/webgui/webgl_editor/webgl-editor-db/kml_files".
	3.1.3 A number as a Route ID - route stored in the database (MySQL).		3.1.3 (Optional) A number as a Route ID - route stored in the database (MySQL).
	3.1.4 Rows can be selected for creating an editable copy in "/data/webgui/webgl_editor/webgl-editor-db/kml_files".		3.1.4 Rows can be selected for creating an editable copy in "/data/webgui/webgl_editor/webgl-editor-db/kml_files".
	3.1.5 Works only for routes with >1 panoramas + internet connection for google maps and openstreet maps.		3.1.5 Works only for routes with >1 panoramas + internet connection for google maps and openstreet maps.

Oleg: /* Working */

2017-04-27T18:58:05Z

Working

← Older revision		Revision as of 18:58, 27 April 2017
Line 111:		Line 111:
	3.1.5 Works only for routes with >1 panoramas + internet connection for google maps and openstreet maps.		3.1.5 Works only for routes with >1 panoramas + internet connection for google maps and openstreet maps.
	</font>		</font>
	3.2 Database interface:		3.2 (Optional) Database interface:
	<font size='2'>		<font size='2'>
	3.2.1 Structure described here: http://wiki.elphel.com/index.php?title=Eyesis_Panorama_Database.		3.2.1 Structure described here: http://wiki.elphel.com/index.php?title=Eyesis_Panorama_Database.
Line 119:		Line 119:
	3.2.5 Export KML - copy the output into a text file and save it as *.kml.		3.2.5 Export KML - copy the output into a text file and save it as *.kml.
	</font>		</font>

	==Links==		==Links==
	* [https://developers.google.com/kml/documentation/ Google KML reference]		* [https://developers.google.com/kml/documentation/ Google KML reference]

	[[Category:Eyesis4Pi]]		[[Category:Eyesis4Pi]]

Oleg at 18:56, 27 April 2017

2017-04-27T18:56:20Z

← Older revision		Revision as of 18:56, 27 April 2017
Line 12:		Line 12:
	==Source Code==		==Source Code==
	<font size='2'>		<font size='2'>
	~~http~~://~~elphel.~~git.~~sourceforge~~.~~net~~/~~git~~/~~gitweb~~.~~cgi?p=elphel/webgl_panorama_editor;a=summary~~		https://git.elphel.com/Elphel/eyesis4pi-393-panorama-editor.git
	</font>		</font>

	or in a terminal window (Linux)		or in a terminal window (Linux)
	<font size='2'>		<font size='2'>
	git clone ~~git~~://~~elphel.~~git.~~sourceforge~~.~~net~~/~~gitroot~~/~~elphel/webgl_panorama_editor~~		git clone https://git.elphel.com/Elphel/eyesis4pi-393-panorama-editor.git
	</font>		</font>

Oleg at 17:03, 15 April 2016

2016-04-15T17:03:52Z

← Older revision		Revision as of 17:03, 15 April 2016
Line 121:		Line 121:
	==Links==		==Links==
	* [https://developers.google.com/kml/documentation/ Google KML reference]		* [https://developers.google.com/kml/documentation/ Google KML reference]

			[[Category:Eyesis4Pi]]

Oleg at 22:01, 13 June 2012

2012-06-13T22:01:54Z

← Older revision		Revision as of 22:01, 13 June 2012
Line 88:		Line 88:

	===Footage procedures page===		===Footage procedures page===
			More information is on the [[Eyesis4Pi_Footage_Procedures_page\|documentation page]].

	There's the "Footage Procedures" webpage on the Eyesis PC bookmarked in both - Firefox and Chrome:		There's the "Footage Procedures" webpage on the Eyesis PC bookmarked in both - Firefox and Chrome:
	{\|		{\|

Oleg at 22:13, 11 June 2012

2012-06-11T22:13:20Z

@@ Line 58: / Line 58: @@
   </kml>
-* Note 1:
+* '''Note 1:'''
 ** If the panorama name in KML is sample.jpeg then the tile names will be named by adding indices starting from the top-left tile and finishing with the bottom-right tile from left to right:
 <font size='2'>
@@ Line 79: / Line 82: @@
 |}
-* Note 2:
+* '''Note 3:'''
-** HREF-tag in the KML file must have an absolute or relative from the WebGL Editor's index.html HTTP-path. Images and the Editor files must be stored on the same web server - WebGL fails to load images from external servers due to the security reasons.
+** <href>-tag in the KML file must have an absolute or relative from the WebGL Editor's index.html http-path. Images and the Editor files must be stored on the same web server - WebGL fails to load images from external servers due to its security reasons.
 ==Links==
 * [https://developers.google.com/kml/documentation/ Google KML reference]

Oleg at 21:02, 11 June 2012

2012-06-11T21:02:27Z

← Older revision		Revision as of 21:02, 11 June 2012
Line 22:		Line 22:
	''Note: There might be problems with the Google Maps API key. It's personal and needs to be regenerated.''		''Note: There might be problems with the Google Maps API key. It's personal and needs to be regenerated.''

	==~~Instructions~~==		==Requirements==
			* A stitched panorama of 14268x7135 in size in JPEG format splitted into 8 square 3568x3568 tiles with a 1 pixel overlapping.
			{\|
			\|- valign="top"
			\|[[File:Testcut.jpeg\|600px\|thumb\|Tiles]]
			\|}

			* A [https://developers.google.com/kml/documentation/ KML] route file created manually or extracted from the source files.
			<?xml version="1.0" encoding="UTF-8"?>
			<kml xmlns="http://earth.google.com/kml/2.2">
			<Document><PhotoOverlay>
			<name>1</name>
			<visibility>1</visibility>
			<shape>rectangle</shape>
			<TimeStamp>
			<when>2012-04-15T21:26:08.780764Z</when>
			</TimeStamp>
			<Camera>
			<longitude>-111.888273</longitude>
			<latitude>40.775927</latitude>
			<altitude>1380.9</altitude>
			<heading>0</heading>
			<tilt>90</tilt>
			<roll>0</roll>
			</Camera>
			<Icon>
			<href>images/result_1334546768_780764_1.jpeg</href>
			</Icon>
			</PhotoOverlay>
			<PhotoOverlay>
			...
			</PhotoOverlay>
			...
			</Document>
			</kml>

			* Note 1:
			** If the panorama name in KML is sample.jpeg then the tile names will be named by adding indices starting from the top-left tile and finishing with the bottom-right tile from left to right:
			<font size='2'>
			Name in KML:
			sample.jpeg
			Tile names:
			sample_1_8.jpeg (top-left)
			sample_2_8.jpeg
			sample_3_8.jpeg
			sample_4_8.jpeg (top-right)
			sample_5_8.jpeg (bottom-left)
			sample_6_8.jpeg
			sample_7_8.jpeg
			sample_8_8.jpeg (bottom-right)
			</font>

			{\|
			\|- valign="top"
			\|[[File:Testcutnames.jpeg\|600px\|thumb\|sample.jpeg]]
			\|}

			* Note 2:
			** HREF-tag in the KML file must have an absolute or relative from the WebGL Editor's index.html HTTP-path. Images and the Editor files must be stored on the same web server - WebGL fails to load images from external servers due to the security reasons.

			==Links==
			* [https://developers.google.com/kml/documentation/ Google KML reference]

Oleg at 19:16, 11 June 2012

2012-06-11T19:16:30Z

@@ Line 1: / Line 1: @@
 ==Description==
-A web-based WebGL Panorama Editor/Viewer
+A web-based WebGL Panorama Editor/Viewer. Some older PCs and browsers might not be able to handle the graphics.
 {|
@@ Line 9: / Line 9: @@
 ==Sample Route==
 [http://community.elphel.com/files/eyesis/pano-db-3/webgl_panorama_editor.html?kml=mainstreet_ro.kml Sample route in WebGL Pano Editor/Viewer].

Oleg: Created page with "==Description== A web-based WebGL Panorama Editor/Viewer {| |- valign="top" |Stitched results WebGL Editor/Viewer snapshot |} ==Sampl..."

2012-06-11T18:44:09Z

Created page with "==Description== A web-based WebGL Panorama Editor/Viewer {| |- valign="top" |thumb|450px|Stitched results WebGL Editor/Viewer snapshot |} ==Sampl..."

New page

==Description==
A web-based WebGL Panorama Editor/Viewer

{|
|- valign="top"
|[[File:Editor_snapshot1.jpeg|thumb|450px|Stitched results WebGL Editor/Viewer snapshot]]
|}

==Sample Route==
[http://community.elphel.com/files/eyesis/pano-db-3/webgl_panorama_editor.html?kml=mainstreet_ro.kml Sample route in WebGL Pano Editor/Viewer].