> For the complete documentation index, see [llms.txt](https://docs.cloudio.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cloudio.io/ui-components/widgets/videorecorder.md).

# Video Recorder

## Description:

Video Recorder

Video Recorder is a component which is used to record a video using device webcam or external webcam.It can also be used to play the recorded videos.

### Allowed Parent Components:

1. Card Body
2. Horizontal Section
3. Vertical Section

### Allowed Child Components:

1. Popover
2. Pulse
3. Trigger After Upload Attachment
4. Trigger Before Render
5. Trigger Before Upload Attachment

### Properties

### ➤ View Attribute

Choose an attribute which will store the unique ID of the video.

Allowed Values: Choose an attribute which will store the unique ID of the video.

### ➤ File Name Expression

Specify an expression that should be evaluated to a string depending on the target attribute.

Allowed Values: An expression which should return string after evaluation

### ➤ File Format

Provide a value to set video file format.

Allowed Values: Free text field

### ➤ Height

Provide a numeric value to set the height of the component in pixels.

Allowed Values: Any number value

### ➤ Width

Provide a numeric value to set the width of the component in pixels.

Allowed Values: Any number value

### ➤ On After Upload

Allowed Values: Controller Function

### ➤ On Before Upload

Allowed Values: Controller Function

### ➤ Margin

Select a value to add margin on all four sides of the component. It is a shorthand for margin-top, margin-right, margin-bottom, and margin-left.

Allowed Values: Any number value

### ➤ Margin Bottom

Select a value to add margin on the bottom of the component.

Allowed Values: Any number value

### ➤ Margin Left

Select a value to add margin on the left of the component.

Allowed Values: Any number value

### ➤ Margin Right

Select a value to add margin on the right of the component.

Allowed Values: Any number value

### ➤ Margin Top

Select a value to add margin on the top of the component.

Allowed Values: Any number value

### ➤ Padding

Select a value to add padding on all four sides of the component. It is a shorthand for padding-top, padding-right, padding-bottom, and padding-left.

Allowed Values: Any number value

### ➤ Padding Bottom

Select a value to add padding in the bottom of the component.

Allowed Values: Any number value

### ➤ Padding Left

Select a value to add padding in the left of the component.

Allowed Values: Any number value

### ➤ Padding Right

Select a value to add padding in right of the component.

Allowed Values: Any number value

### ➤ Padding Top

Select a value to add padding in top of the component.

Allowed Values: Any number value