JavaScript API - Revision history

Zimbatm: /* Lib preview example code */

2005-12-06T00:06:51Z

Lib preview example code

← Older revision		Revision as of 00:06, 6 December 2005
Line 93:		Line 93:

	is_loaded: false,		is_loaded: false,
	onload: function(camera) {} // callback		onload: function(camera) {}, // callback

			picture_path: function() { // todo }
	}		}

2005-12-06T00:05:39Z

HTML Generation

← Older revision		Revision as of 00:05, 6 December 2005
Line 53:		Line 53:
	<pre>		<pre>

	Template.Image = function(~~camera_source~~) {		Template.Image = function(camera) {
	this.~~template~~ = ~~'<img src~~=~~"'+camera_source+'" />'~~		this.src = camera.picture_path()
			this.alt = camera.name
	}		}
	Template.prototype = ~~new Template~~()		Template.Image.prototype = document.createElement("IMG")

	image = new Template(camera~~.picture_path()~~)		var image = new Template(camera)

	document.getElementById('some_element').~~innerHTML =~~ image~~.source(~~)		document.getElementById('some_element').appendChild(image)

	</pre>		</pre>


	== Lib preview example code ==		== Lib preview example code ==

2005-11-19T20:23:03Z

← Older revision		Revision as of 20:23, 19 November 2005
Line 61:		Line 61:

	document.getElementById('some_element').innerHTML = image.source()		document.getElementById('some_element').innerHTML = image.source()

			</pre>


			== Lib preview example code ==

			<pre>

			var Camera = function(host, options) {
			Camera[host] = this
			this.host = host

			if (XMLHttpRequest) {
			this.http = new XMLHttpRequest
			} else if (window.ActiveXObject) {
			this.http = new ActiveXObject("Microsoft.XMLHTTP")
			} else {
			throw 'XmlHttpRequest is not supported by your browser'
			}

			// pseudo-code
			this.http.fetch(this.host + '/version')
			this.http.callback( Api.factory(this) )
			}
			Camera.cameras = {}
			Camera.prototype = {
			api: null,
			http: null,
			host: '',
			resolutions: [],

			is_loaded: false,
			onload: function(camera) {} // callback
			}

			Api = {}
			Api.factory = function(camera) {
			new Api[this.http.result](camera)
			}

			Api.Axis = function(camera) {
			for (method_name in this) {
			camera[method_name] = this[method_name]
			}

			camera.api = this

			// fetch the data
			camera.http.fetch('resolutions_url')
			camera.http.callback( function(camera) {
			this.resolutions = camera.http.result
			} )
			}

			Api.Axis.prototype = {
			video_url: function(options) {
			return 'http://' + this.host + '/video/mjpg.cgi'
			}
			}

	</pre>		</pre>

2005-11-19T19:13:11Z

Configuration

← Older revision		Revision as of 19:13, 19 November 2005
Line 25:		Line 25:
	camera = new Camera('http://192.168.1.3')		camera = new Camera('http://192.168.1.3')

	~~alert(~~camera.model_name()) // fetches the data and returns it, the value gets cached		camera.model_name(function(model_name) { alert(model_name) } ) // fetches the data and returns it, the value gets cached

	camera2 = new Camera('http://zimba:1234@192.168.1.3', {		camera2 = new Camera('http://zimba:1234@192.168.1.3', {
Line 31:		Line 31:
	model_name: '203'})		model_name: '203'})

	~~alert(~~camera.model_name()) // returns the data directly		camera.model_name(function(model_name) { alert(model_name) } ) // returns the data directly

	</pre>		</pre>

2005-11-19T19:08:03Z

Api

← Older revision		Revision as of 19:08, 19 November 2005
Line 39:		Line 39:
	We need a way to make the lib compatible with the different apis and api versions.		We need a way to make the lib compatible with the different apis and api versions.

	~~Some implementation ideas~~ :
			Testing that a feature exists :
	<pre>		<pre>

2005-11-19T19:07:37Z

Api

← Older revision		Revision as of 19:07, 19 November 2005
Line 43:		Line 43:

	if (camera.ptz) { // if the function is defined		if (camera.ptz) { // if the function is defined
	document.getElementById('ptz_control') = new Template.Ptz(camera)		document.getElementById('ptz_control').innerHTML = (new Template.Ptz(camera)).source()
	}		}

2005-11-19T19:06:32Z

Api

← Older revision		Revision as of 19:06, 19 November 2005
Line 38:		Line 38:

	We need a way to make the lib compatible with the different apis and api versions.		We need a way to make the lib compatible with the different apis and api versions.

			Some implementation ideas :
			<pre>

			if (camera.ptz) { // if the function is defined
			document.getElementById('ptz_control') = new Template.Ptz(camera)
			}

			</pre>

	== HTML Generation ==		== HTML Generation ==

2005-11-19T19:02:15Z

first api preview

← Older revision		Revision as of 19:02, 19 November 2005
Line 1:		Line 1:
	{{en\|ru=JavaScript_API_ru\|cn=JavaScript_API_cn}}		{{en\|ru=JavaScript_API_ru\|cn=JavaScript_API_cn}}

			'''This work is under development'''

			Authors : Khlut, zimbatm

			The javascript library is intended to be used in different environments. The usage scenarios are HTML interfaces, which can easily be extended with the library. Interfaces can also be created, by using a simple extension syntax.

			=Goals=

			* Easy to embed in existing HTML
			* Auto-configurable
			* HTML generation

			=Essay=

			== Configuration ==

			The configuration of a camera goes through a new object's creation.

			The object automatically retrieves the data using asyncronous Http requests. Optionally, you can provide the data trough an object to avoid too much queries.

			'''Example:'''
			<pre>
			camera = new Camera('http://192.168.1.3')

			alert(camera.model_name()) // fetches the data and returns it, the value gets cached

			camera2 = new Camera('http://zimba:1234@192.168.1.3', {
			api: Api.Axis,
			model_name: '203'})

			alert(camera.model_name()) // returns the data directly

			</pre>

			== Api ==

			We need a way to make the lib compatible with the different apis and api versions.

			== HTML Generation ==

			<pre>

			Template.Image = function(camera_source) {
			this.template = '<img src="'+camera_source+'" />'
			}
			Template.prototype = new Template()

			image = new Template(camera.picture_path())

			document.getElementById('some_element').innerHTML = image.source()

			</pre>

2005-11-15T08:31:10Z

← Older revision		Revision as of 08:31, 15 November 2005
Line 1:		Line 1:
	{{en\|ru=JavaScript_API_ru}}		{{en\|ru=JavaScript_API_ru\|cn=JavaScript_API_cn}}

2005-10-22T16:43:34Z

New page