Creating your first analyzer project

Video Analyzer - video and text based tutorials
Locked
User avatar
Support
Site Admin
Posts: 89
Joined: Tue Jan 15, 2019 11:17 am

Creating your first analyzer project

In this tutorial, you will create a simple video analyzer project.

And when you've finished, you should know more about:
  • The user Interface
  • Project files
  • Work folders
  • Adding videos
  • Play panels
  • Drawing on a play panel
  • Exporting an image to your library
  • Saving a project
  • Loading a saved project
  • Chalk and talk mode

The Basics
The video analyzer has a simple user interface that consists of a media container, a canvas, play panels, playback controls, a functional menu and drawing tools.
image1.jpg
image1.jpg (57.36 KiB) Viewed 96480 times

You load a video into the media container
image2.jpg
image2.jpg (59.66 KiB) Viewed 96480 times

Then use the playback controls to adjust the timeline.
image3.jpg
image3.jpg (51.47 KiB) Viewed 96480 times

And add play panels to the timeline that you draw on.
(there are no limit to the amount you can add)
image4.jpg
image4.jpg (50.75 KiB) Viewed 96480 times

When you add a panel, it enables the canvas and drawing tools which you use to draw on the canvas.
image5.jpg
image5.jpg (51.14 KiB) Viewed 96480 times

Ok, now you have a basic understanding of how the analyzer works. Let’s look at project files.


Project Files
Project files are data files that the analyzer uses to store information about your session.

When you save a project, the analyzer saves the video link, panel data and canvas layers.
(A single panel is just like a session planner slide that is positioned in a video frame)

So when you open a saved project, the analyzer:
  • Loads the video into the media container
  • Places play panels along the video timeline
  • Draws layers you placed into each panel canvas
Project files all end with the .ktv extension.

Additionally, project files contain data that only the video analyzer understands. So you cannot load them into any other application.
No matter what edition you are using, during your environment build we create 4 main work folders.

These are:
Project, Image, Session and Video, which the analyzer uses project, image and video.

1:The project work folder is where you save all your project files
2:The image work folder is where you export still images of your panels
3:The video work folder is used to load the videos from your catalog.

You can also create as many sub folders as you like, within your work folders.
image6.jpg
image6.jpg (23.19 KiB) Viewed 96480 times

You should now have a basic understand of how the video analyzer works, so let's go ahead and create a project.


Creating a new project
You create an empty project workspace by clicking "File" on the top menu and select "new project".

You can call the project file anything you like, then hit "Create"

The first thing you need to do is insert a video into the analyzer, which you have 3 options.
  • Import a video from 3rd part host
  • Load video from local device
  • Add a video from your video catalog
Important
Due to browser limitations, you cannot automatically attach a local file stored on your device when loading a project.

So when you are working with projects, you need to remember that in order to save the project without any issues. You need to use either your video catalog, or import a video from youtube.

Attaching a video from your local device is used more with the "chalk and talk" feature, which we'll discuss later in the tutorial.
With this in mind, we'll add a video from our video catalog for this project.


Adding a video to the analyzer
1. Click the "load video from catalog" icon or click "video" on the top menu and select "Load Video"
image7.jpg
image7.jpg (832 Bytes) Viewed 96480 times

This will open a new window showing your video catalog
image8.jpg
image8.jpg (45.93 KiB) Viewed 96480 times

2. Navigate to the video you want to use, and double click it or click it once and select "Load Video"
The video should now be added to the analyzer.
image9.jpg
image9.jpg (54.7 KiB) Viewed 96480 times

You will see the video length on the bottom right hand corner of the media container.
image35.jpg
image35.jpg (35.75 KiB) Viewed 96469 times

And the current playback position time to the right of the length time.
image36.jpg
image36.jpg (35.33 KiB) Viewed 96469 times
Notice that you cannot draw on the video yet because we haven't created a play panel.
Now we have a video to play with, let's go ahead and create our first play panel.


Creating play panels
To create a play panel, we first need to locate a position in the video where we want to draw over.

We do this by using the timeline slider here:
image10.jpg
image10.jpg (27.47 KiB) Viewed 96480 times

1. Slide the control handle along the video to any position of interest
image11.jpg
image11.jpg (57.99 KiB) Viewed 96480 times

2. Now add a new panel by clicking the "+" icon on the play panel table.
image12.jpg
image12.jpg (33.62 KiB) Viewed 96480 times

A new panel item is created, along with a panel indicator on the timeline.
image13.jpg
image13.jpg (57.98 KiB) Viewed 96480 times

Notice that the drawing tools are now enabled as well.
Whenever the timeline is on a panel indicator, the drawing tools will be enabled and the panel is highlighted.

3. Now let’s draw some lines and circles on the panel using the line and circle tools
image14.jpg
image14.jpg (57.16 KiB) Viewed 96480 times

4. Once you have the layers on the panel canvas, drag the timeline slider to another position of interest.
image15.jpg
image15.jpg (57.36 KiB) Viewed 96480 times
Notice the drawing tools are disabled again, and no panels are highlighted. This is because the current timeline position is not on an existing panel.
5. Click "Add Panel" icon to add another panel.
Now draw on the panel again
image16.jpg
image16.jpg (57.25 KiB) Viewed 96480 times

6. One more time, let’s move the timeline and add a panel. But don’t draw anything.
image17.jpg
image17.jpg (59.17 KiB) Viewed 96480 times

7. This time draw on the panel using the freehand draw tool.
image18.jpg
image18.jpg (57.66 KiB) Viewed 96480 times

We can also change the text note on the newly created panel.

8. Click the pen icon on the panel
image37.jpg
image37.jpg (4.39 KiB) Viewed 96460 times

9. Type in "Test panel".
image19.jpg
image19.jpg (39.43 KiB) Viewed 96480 times

Notice when you click off the panel name, it changes on the header.
image20.jpg
image20.jpg (47.61 KiB) Viewed 96480 times

This happens whenever you select any panel.

That's it, you have successfully created some panels and drawn over the video.

Ok, now we've created some analyzer project data, let's flick between the panels and modify some layers.

Switching between panel
You can flick between panels easily by clicking the play panel on the panels table. Or by clicking the panel on the timeline.
image21.jpg
image21.jpg (60.36 KiB) Viewed 96480 times

1. Click panel 1
Notice the video positions to panel 1 and shows the layers. Also notice that the timeline has repositioned.
image22.jpg
image22.jpg (57.71 KiB) Viewed 96480 times

2. Click the "Selector" tool

3. Reposition a line on the active panel canvas.
image23.jpg
image23.jpg (60.22 KiB) Viewed 96480 times

4. Now click panel 2 on the timeline.
Notice that the panel on the play panel table highlights as well.

Let’s now play the video from the start, and watch what happens.


Playing videos
When you play a video, the timeline slider moves along automatically.
And when the timeline reaches a panel indicator, the video stops and the panel is shown.

Looking at the playback controls, we have:
  • Rewind
  • Set Speed
  • Play
  • Step backward
  • Step forward
image24.jpg
image24.jpg (34.09 KiB) Viewed 96480 times

Rewind: sets the player position to the start of the video
Set Speed: brings up the playback speed slider so you can change the playback speed.
Play: Plays the video
Step back: Plays the video backwards in slow motion
Step forward: Plays the video forward in slow motion

1. Click "Rewind" to reset the video position
2. Now click "Play"
Notice that the video plays at normal speed until it reaches the first data panel and stops.


3. Now click "Play" again, and notice the video plays to the next "Play Panel" and stops.
4. Click the first panel, and then click play.
Notice that the analyser plays the video between panel 1 and panel 2.

Now let’s change the video playback speed.

5. Click "Set Speed" to bring up the speed slider.
image25.jpg
image25.jpg (30.4 KiB) Viewed 96480 times

6. Drag the speed slider to the left so the speed is shows 0.5
7. Click "Play"
Notice the speed of the video is slower now.

You can adjust the speed slider when the video is playing as well.


You should now have a good understand of how to playback videos at different speeds, and play videos between panels.


Let's export one of the panels to an image and save it to our library.


Exporting frame to library
You can export any frame to your image library, no matter where the timeline position is and what panel is shown.

Let’s export a frame that shows one of our panels

1. Click panel 1 on the timeline
2. Click video on the top menu and select "Export frame" or hold SHIFT and press E on your keyboard.
The image exporter will now open, and render the current frame.
image26.jpg
image26.jpg (59.43 KiB) Viewed 96480 times

When the image is shown, you can right click it and save it locally to your device, or save it to your image library on the cloud.

3. Click "Save to library"
Your image library should now be displayed on the screen.

4. Navigate to the folder where you want to save the exported image to.
For the purpose of this tutorial, I’m going to save the image to my tutorial folder.


5. Enter "Tutorial - video frame" in the save image input box and click "Save"
image27.jpg
image27.jpg (33.01 KiB) Viewed 96480 times

A message will appear saying the image has been saved. Click "Ok" to close the message.
You can now load the saved image into the session planner or drop it onto your session plans.


You have successfully exported the video frame to your library.

Let's now save the video project.



Saving a project
Important:
When saving your project, you must add a video using either your video catalog, or imported from YouTube or Vimeo.

If you add a video from your local device, then a message will appear saying you need to upload the video to your video hub channel.

To save a project:
1. Click "File" on the top menu and select "Save Project As"
A window will appear showing your project folder

2. Navigate to where you want to save your project, or create a new folder now.

For the purpose of this demo, I am creating a new folder called "Tutorial Videos".

3. Now type in "Video Tutorial 1" in the save project name input box. And click "Save Project".
image28.jpg
image28.jpg (16.46 KiB) Viewed 96480 times

The project will be saved and a message will appear. Click "ok".


Loading a project
When you load a project, the video analyser loads the video and play panels associated to the project.

To load a project:

1. Click "File" and select "Open Project"
This will bring up your project manager window

2. Navigate to the project file you want to open, then double click it or click it once and hit the "Open" button"
image29.jpg
image29.jpg (17.25 KiB) Viewed 96480 times

The project will be loaded into the analyzer and you will be taken to the first play panel on the video.

You can use the playback controls as before, or switch to any panels you have created instantly.

You can also add additional panels if needed as well.
Important note:
We recommend using smaller videos that you have uploaded to your video channel for the best experience.

If you use a YouTube or Vimeo video in your project then please be aware that we have no control over the speed or how the video is presented, and the experience may potentially be degraded as a result.
You should now have a good understanding on how the video analyser works.

There is one last thing I want to show you.

Which is the chalk and talk feature.

Chalk and Talk
The chalk and talk feature is used to draw ad-hoc over videos for quick analysis.

You can simply load a video from any location, including your own device. Then use the chalk and talk feature to enable drawing on the video.

When using this feature, we recommend using a local video as there is no limit to the size it can be.

You don't need to add any play panels for this mode. You simply draw over the video and clear the drawing. Or you can draw over the video while it is being played.

You can even record your session when chalk and talk is active to create quick video streams of your situations.

To use the chalk and talk feature:

1. Load a video from any location.
For this tutorial, I'm going to load a local video. Click the "load local video" button, or click "video" on the dropdown menu and select "Load Local Video"
image30.jpg
image30.jpg (1.7 KiB) Viewed 96480 times

The local browse window now appears, where I can select any video by double clicking or clicking it once and select open..
image31.jpg
image31.jpg (35.9 KiB) Viewed 96480 times

The video will load into the analyser.

2. Now click the "Chalk and Talk" button
image32.jpg
image32.jpg (1.68 KiB) Viewed 96480 times

The drawing tools should now be enabled.

Notice that the chalk and talk button is white, which indicates that you are in chalk and talk mode.
image34.jpg
image34.jpg (2 KiB) Viewed 96480 times

Now move the video slider to any location and notice that the drawing tools stay active.

You can draw anywhere over the video now.

To clear the canvas, simply click the "clear canvas" button
image33.jpg
image33.jpg (1.62 KiB) Viewed 96480 times

And if you want to export a frame with the drawing you have in place, then just click "File" and select "Export Frame" as before.

Note:
You cannot export frames when YouTube videos have been used, due to YouTube security policies.

Finally, to come out of chalk and talk mode, simply click the "Chalk and talk" button again to deactivate.


That’s it, you should have a good starting point on how to get the most out of your video analyzer.
#Respect

Image
Locked