Rainer Simon rsimon

	{
	"annotation_id":"e8698b97-1722-49ee-9752-c8a4ae2863ba", # UUID for this annotation
	"version_id":"6c89639b-87c7-4f75-8f37-96212e8eef36", # separate UUID for this specific version
	"annotates":{
	"document_id":"7tqppvg1uo4qdo", # ID & content type of document/filepart the annotation annotates
	"filepart_id":"5db80aa5-8a27-4539-aeb3-bddf3abc0098",
	"content_type":[
	"TEXT",
	"TEXT_PLAIN"
	]

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<title>Annotorious \| Firebase Demo</title>
	<link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
	<style>
	html, body {
	padding:20px;
	margin:0px;

	var HelloWorldPlugin = function(args) {

	var currentColorBody = args.annotation ? args.annotation.bodies.find(function(b) {
	return b.purpose == 'highlighting';
	}) : null;

	var currentColorValue = currentColorBody ? currentColorBody.value : null;

	var addTag = function(evt) {
	if (currentColorBody) {

	import OpenSeadragon from 'openseadragon';
	import * as Annotorious from '@recogito/annotorious-openseadragon';

	import '@recogito/annotorious-openseadragon/dist/annotorious.min.css';

	/*************************************************************************
	*
	* Basic concept for this is from the official OpenCV docs:
	* https://docs.opencv.org/3.4/dc/dcf/tutorial_js_contour_features.html
	*

	import { useEffect, useRef, useState } from 'react';
	import { Annotorious } from '@recogito/annotorious';

	import '@recogito/annotorious/dist/annotorious.min.css';

	function App() {

	// Ref to the image DOM element
	const imgEl = useRef();

	[
	{
	"@id": "http://www.example.com/access-link",
	"title": "Record title",
	"type": {
	"label": "Video"
	},
	"descriptions": [
	{
	"value": "This record's description",

	{
	"@context": "http://iiif.io/api/presentation/3/context.json",
	"id": "https://iiif.io/api/cookbook/recipe/0001-mvm-image/manifest.json",
	"type": "Manifest",
	"label": {
	"en": [
	"Single Image Example"
	]
	},
	"items": [