antingshen / BeaverDam

Video annotation tool for deep learning training labels
BSD 2-Clause "Simplified" License
202 stars 100 forks source link

Bounding box editing issues. #142

Open FriendOfFatBeagle opened 6 years ago

FriendOfFatBeagle commented 6 years ago

Hi:

Here are my setup: Ubuntu 17.10 /w Gnome on desktop Installed current version of BeaverDam I am not using AWS. Everything runs locally on the desktop.

Both of the following problem occured in Chromium and Firefox. Steps:

1) Open video, e.g. http://0.0.0.0:5000/video/4/, in Firefox or Chromium.

2) Draw a bounding box around a car.

3) I looked at “Instructions & Requirements” in the Web UI, but it was of no help. Is there another help source I am missing?

3.1) Issue, not able to delete a bounding box: Clicked on the bound box then press “d” to delete. But it was not deleted.
Why can’t I delete the box?

3.2) Issue, unable to move the bounding box. I click on the bounding box, how do move the box?

3.3) I tried drawing another box, but it does not allow me to do so. I cannot draw more than one box at a time. Is this by design?

antingshen commented 6 years ago

3.1) The "d" to delete seems broken indeed. Try clicking on the trash can button instead. 3.2) Drag the box to move the box. 3.3) It should allow you to draw another box when you draw outside any existing boxes

FriendOfFatBeagle commented 6 years ago

Hi Anting Shen:

Thank you for the fast response. Did these in following descending order.

3.1) The "d" to delete seems broken indeed. Try clicking on the trash can button instead. Result:
I clicked on the box, then clicked on Trash can. Nothing happened. Box is still there.

3.2) Drag the box to move the box. Result: I clicked and hold down the mouse button, Then dragged it. Nothing happened.

3.3) It should allow you to draw another box when you draw outside any existing boxes Above two operations did not work.
This did not work either.

What did I missed?

antingshen commented 6 years ago

3.1) You must have a keyframe selected. Is the box dashed lines or solid border? 3.2) Weird. Could you check for errors in the console? 3.3) But you were able to create a first box? Try a new video, can you create a box there?

FriendOfFatBeagle commented 6 years ago

Hi Anting Shen:

Thank you.

3.1) You must have a keyframe selected. Is the box dashed lines or solid border? Response: I did not see any discussion of keyframe in the “Instructions & Requirements” Web UI help popup, What do you mean by keyframe? I assume this means selecting a video frame, i.e. a starting frame of the first bounding box. How do you go about selecting a keyframe?

3.2) Weird. Could you check for errors in the console? Response: Do you mean at where I ran scripts/serve from console?

3.3) But you were able to create a first box? Try a new video, can you create a box there? Response: Yes, I can create a first box in first video frame. Once I know how to select a keyframe as mentioned above, then I can try all of above questions and give you feedback of the results.

Thank you again.

antingshen commented 6 years ago

3.1) The instructions & requirements are a placeholder. Keyframes are the orange dots at the bottom, click on one to select it. Boxes in all other frames are interpolated from keyframes 3.2) Javascript console of your browser. Ask Google how to open it for your browser 3.3) You should be able to create a second box still

FriendOfFatBeagle commented 6 years ago

Hi:

3.1) The instructions & requirements are a placeholder. Keyframes are the orange dots at the bottom, click on one to select it. Boxes in all other frames are interpolated from keyframes

Every time I opened a sample video, e.g. http://0.0.0.0:5000/video/1/ , I get this pop up error message, "Error: status code is 500"

On the web browser console (Firefox) side some errors are like so: TypeError: this.transport is null[Learn More] main.js:1510:5 Attempt to set a forbidden header was denied: Connection

I did not see any orange dots on the white row below the video frame scroll bar and above the row of "trash can, play, pause, etc" icons.
How do I go about creating those orange dots?

I login in using super user account create from this command: ./manage.py createsuperuser

instead of using username test and password password login. But that should not prevent me from seeing the orange dots, correct?

=============================================== Here is how I started the server from terminal:

user: ~/BeaverDam$ source venv/bin/activate (venv) user:~/BeaverDam$ scripts/serve $ source venv/bin/activate $ ./manage.py runserver 0.0.0.0:5000 Performing system checks...

System check identified no issues (0 silenced). April 10, 2018 - 08:27:03 Django version 1.10, using settings 'beaverdam.settings' Starting development server at http://0.0.0.0:5000/ Quit the server with CONTROL-C. [10/Apr/2018 08:27:15] "GET / HTTP/1.1" 200 40739

Addendum: I noticed there are some strikethrough on strings in the above server's console outputs, due to html related issues, I assume.

=========================================