<script>
	var options = {
    		optionsAnnotator: {user: {},store: {}},
			optionsVideoJS: {},
			optionsRS: {},
    		optionsOVA: {posBigNew:'ul'},
    	}
	//Add the div id to annotate by Annotator. In the demo.html the id is "airlock" too.
	var ova = new OpenVideoAnnotation.Annotator($('#airlock'),options);
	
	//(optional) Set the configuration for the users
	ova.setCurrentUser($('#username').val());

	$('#username').change(function () {
		ova.setCurrentUser($(this).val());
	});
	
</script>

The initial options for the annotations is the position of the button for new annotations:

posBigNew (options):

• ul (up left) -by default-
• ur (up right)
• bl (below left)
• br (below right)
• c (center)
• none (without button)

NumAnnotations: it is the number of Annotation that will be load in the display. The other annotation will be hide under the scroll. (By default: 16)

This plugin allow to share an annotation with two methodologies:

The first method will send a stored annotation in the database (ToDo)

The second method will send a new isolated annotation that is not in the database. The code to share a annotation with this method is:

http://url-with-the-video.com/?ovaSrc=(Source)&ovaContainer=(ContainerID)&ovaStart=(Start)&ovaEnd=(End)&ovaText=(Text)&ovaUser=(User)

All the values between brackets must be replaced by the real value.

The obligatory values are:

• ovaSrc = source where is the video. For example, in the demo video with this plugin the source is in: http://video-js.zencoder.com/oceans-clip.mp4
• ovaContainer = the id where we had put the video. In the demo is vid1
• ovaStart = the time to start the video
• ovaEnd = the time to end the video

The optionals values are:

• ovaText = the text that the user will see.
• ovaUser = the user who has sent the annotation

Caution, all these variables must be ready to be in a URL link and take care of special characters like &()#/. To do this, we can parse the string with decodeURIComponent().

An example of URL API is this:

http://danielcebrian.com/annotations/demo.html?ovaContainer=vid1&ovaSrc=http%3A%2F%2Fvideo-js.zencoder.com%2Foceans-clip.mp4&ovaStart=2&ovaEnd=10&ovaText=This%20is%20test&ovaUser=Test%20User

Once the plugin is started and the DOM readed, we can control the Open Video Annotator giving the id of the video in the html. It is possible to use the following functions:

Create a new video annotation. VideoID is the ID in html for the video. In the demo example is 'vid1'.

	ova.newVideoAn('divID');

Show the annotation display

	ova.showDisplay('divID');

Hide the annotation display

	ova.hideDisplay('divID');

Set the position of the new big annotation button. The values for the inlet position are:

• ul (up left) -by default-
• ur (up right)
• bl (below left)
• br (below right)
• c (center)
• none (without button)

	ova.setposBigNew('divID',position);

Play an annotation using the annotation Id, like this example:

	ova.playTarget('8I2NBkJbQoeF3-bqgpcwTw');