-
Notifications
You must be signed in to change notification settings - Fork 10
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
4acb301
commit e3d723d
Showing
10 changed files
with
59 additions
and
17 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1 @@ | ||
| <!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/pig-annotation-tool/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="AIFARMS annotation tool" content=""/><link rel="apple-touch-icon" href="/pig-annotation-tool/logo192.png"/><link rel="manifest" href="/pig-annotation-tool/manifest.json"/><title>Annotation Tool - ALPHA</title><link href="/pig-annotation-tool/static/css/2.cf23c88f.chunk.css" rel="stylesheet"><link href="/pig-annotation-tool/static/css/main.7f904051.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(t){function e(e){for(var r,a,l=e[0],i=e[1],f=e[2],c=0,s=[];c<l.length;c++)a=l[c],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&s.push(o[a][0]),o[a]=0;for(r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r]);for(p&&p(e);s.length;)s.shift()();return u.push.apply(u,f||[]),n()}function n(){for(var t,e=0;e<u.length;e++){for(var n=u[e],r=!0,l=1;l<n.length;l++){var i=n[l];0!==o[i]&&(r=!1)}r&&(u.splice(e--,1),t=a(a.s=n[0]))}return t}var r={},o={1:0},u=[];function a(e){if(r[e])return r[e].exports;var n=r[e]={i:e,l:!1,exports:{}};return t[e].call(n.exports,n,n.exports,a),n.l=!0,n.exports}a.m=t,a.c=r,a.d=function(t,e,n){a.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},a.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},a.t=function(t,e){if(1&e&&(t=a(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(a.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)a.d(n,r,function(e){return t[e]}.bind(null,r));return n},a.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return a.d(e,"a",e),e},a.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},a.p="/pig-annotation-tool/";var l=this.webpackJsonpannotation_tool=this.webpackJsonpannotation_tool||[],i=l.push.bind(l);l.push=e,l=l.slice();for(var f=0;f<l.length;f++)e(l[f]);var p=i;n()}([])</script><script src="/pig-annotation-tool/static/js/2.f90c1ada.chunk.js"></script><script src="/pig-annotation-tool/static/js/main.49ca8244.chunk.js"></script></body></html> | ||
| <!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/pig-annotation-tool/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="AIFARMS annotation tool" content=""/><link rel="apple-touch-icon" href="/pig-annotation-tool/logo192.png"/><link rel="manifest" href="/pig-annotation-tool/manifest.json"/><title>Annotation Tool - ALPHA</title><link href="/pig-annotation-tool/static/css/2.cf23c88f.chunk.css" rel="stylesheet"><link href="/pig-annotation-tool/static/css/main.7f904051.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(t){function e(e){for(var r,a,l=e[0],i=e[1],f=e[2],c=0,s=[];c<l.length;c++)a=l[c],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&s.push(o[a][0]),o[a]=0;for(r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r]);for(p&&p(e);s.length;)s.shift()();return u.push.apply(u,f||[]),n()}function n(){for(var t,e=0;e<u.length;e++){for(var n=u[e],r=!0,l=1;l<n.length;l++){var i=n[l];0!==o[i]&&(r=!1)}r&&(u.splice(e--,1),t=a(a.s=n[0]))}return t}var r={},o={1:0},u=[];function a(e){if(r[e])return r[e].exports;var n=r[e]={i:e,l:!1,exports:{}};return t[e].call(n.exports,n,n.exports,a),n.l=!0,n.exports}a.m=t,a.c=r,a.d=function(t,e,n){a.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},a.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},a.t=function(t,e){if(1&e&&(t=a(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(a.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)a.d(n,r,function(e){return t[e]}.bind(null,r));return n},a.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return a.d(e,"a",e),e},a.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},a.p="/pig-annotation-tool/";var l=this.webpackJsonpannotation_tool=this.webpackJsonpannotation_tool||[],i=l.push.bind(l);l.push=e,l=l.slice();for(var f=0;f<l.length;f++)e(l[f]);var p=i;n()}([])</script><script src="/pig-annotation-tool/static/js/2.f90c1ada.chunk.js"></script><script src="/pig-annotation-tool/static/js/main.9aa7c58a.chunk.js"></script></body></html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,8 +1,49 @@ | ||
| import React, { useState } from "react"; | ||
| import { useState } from 'react'; | ||
|
|
||
| export default function Instructions(){ | ||
| return ( | ||
|
|
||
| <div> | ||
| <h3>Keybinds:</h3> | ||
|
|
||
| There are preset keybinds setup to make it easier to use the tool without having to click around. If done properly a combination of mouse and keyboard actions speed up the annotation process. | ||
| <br></br><br></br> | ||
| * <kbd>1</kbd> : Mode Switch: Bounding Box<br></br> | ||
| * <kbd>2</kbd> : Mode Switch: Key Point<br></br> | ||
| * <kbd>3</kbd> : Mode Switch: Segmentation<br></br> | ||
| * <kbd>a</kbd> : Add annotation<br></br> | ||
| * <kbd>r</kbd> : Remove selected annotation<br></br> | ||
| * <kbd>q</kbd> : Skip backward frame(s)<br></br> | ||
| * <kbd>s</kbd> : Save annotation<br></br> | ||
| * <kbd>w</kbd> : Pause/Play<br></br> | ||
| * <kbd>e</kbd> : Skip forward frame(s)<br></br> | ||
|
|
||
| <br></br><br></br> | ||
| <h3>Uploading Video:</h3> | ||
|
|
||
| Ensure that you know the framerate, vertical and horizontal resolution of the video chosen to be annotated. These values should be entered into the settings tab into their respective fields. | ||
| <br></br><br></br> | ||
| Click on the right side browse button. All other buttons on the screen shuold be disabled until the video has been uploaded. Currenntly ```.mp4``` format is the best choice and tested for. | ||
| <br></br><br></br> | ||
| <h3>Annotations</h3> | ||
| <br></br> | ||
| There are currently three kinds of annotations. | ||
| <br></br><br></br> | ||
| <h4>Bounding Box:</h4> | ||
|
|
||
| This forms a square around the desired object. There should be small squares at the edges of the bounding box which can be used to resize the box. The number on the top left of the box is used to identify the placement of the box in the table to the right. | ||
| <br></br><br></br> | ||
| <h4>Key Point:</h4> | ||
|
|
||
| This generates an object with multiple points and lines attached to each other. They should be arranged around the obejct where the singular circle with one connecting line is the head and progress to each of the other limbs. | ||
|
|
||
| ***Note: This feature is currently in development and there will be bugs in using this.*** | ||
| <br></br><br></br> | ||
| <h4>Segmentation:</h4> | ||
|
|
||
| Upon generating this each click on the video generates a point which eventually will transform to a set of interconnected points. To complete the polygon click on the original point generated (which is the red colored point) | ||
|
|
||
| ***Note: Unline the Bounding Box, segmentation cant be edited after generated. To fix a mistake remove the annotation and continue from the start.*** | ||
|
|
||
| </div> | ||
| ) | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters