Resource Content Tab | Video Type
- Rustam Negmetov
- Mary DelPiano
This section outlines the process for managing video content within the Resource Content Tab. It details the inputs required for uploading video files, along with optional thumbnails and subtitles to enhance the video resource.
Figma Link
UI Description
Video Upload
Description: The primary interface for users to upload video files associated with the resource. This is the central content element of the resource.
Required: Yes.
Type of Input: File upload.
Validation Criteria: Accepts standard video formats (e.g., MP4, AVI, MOV). File size and duration limits may be imposed to ensure optimal streaming and storage efficiency. The aim is to provide a balance between quality and accessibility.
Thumbnail Upload
Description: Users have the option to upload a custom thumbnail for the video, which represents the content in summaries and search results. If a thumbnail is not provided, the system will automatically generate one from the video.
Required: No.
Type of Input: File upload.
Validation Criteria: Common image formats are accepted (e.g., JPG, PNG). While specific dimensions and size limits are recommended (e.g., a maximum of 2MB), the system ensures that each video resource is visually consistent across the platform by automatically generating a thumbnail if one is not uploaded.
Subtitles Upload
Description: Provides the ability to upload subtitle files (e.g., SRT, VTT) to make the video content accessible to a wider audience, including non-native speakers and the deaf or hard of hearing.
Required: No.
Type of Input: File upload.
Validation Criteria: Only specific subtitle file formats are accepted. There are no automatic generation options for subtitles, making it crucial for users to provide accurate and well-timed subtitle files to enhance accessibility and user experience.
User Interaction and Validation Notes
Video Upload: A mandatory step where users need to provide a video file that meets the system’s criteria for format, size, and duration, ensuring effective display and storage.
Thumbnail Upload: An optional step that offers users the opportunity to provide a custom thumbnail. The system's automatic thumbnail generation from the uploaded video simplifies the process for users who choose not to upload a custom thumbnail. Thumbnail images must occupy 100% of the container width and align to the top of the container. If the user uploads a new file for the resource a new thumbnail will be auto-generated to accurately reflect the new resource.
Subtitles Upload: An additional optional step that significantly enhances video accessibility. Users are encouraged to upload subtitle files if available, though there is no automatic generation capability for this element.
Workflow Description for Video Type Content
Uploading the Video:
Users upload the video file via the file upload interface. This step is essential to add video content to the resource.
Optional Thumbnail and Subtitles Upload:
Users have the option to upload a custom thumbnail and subtitle files. If a thumbnail is not provided, one is automatically generated from the video. Subtitles must be provided by the user if desired, as there is no automatic generation option.
Validation and Feedback:
The system checks the uploaded video, thumbnail, and subtitles against the specified criteria. Users receive immediate feedback if any uploads do not meet the requirements, with suggestions for correction.
Submission:
Once all uploads are validated, the user submits the content. The system processes and stores the video, thumbnail (if provided or generated), and subtitles, updating the server with the new or updated video resource.
Loading Progress Indicator:
Once the user selects a video to upload, a loading progress indicator will display on the page. The user will have the option to cancel the upload by clicking the “X”.
The loading progress indicator replaces the uploader in the section on the page.
Confirmation:
A confirmation message is displayed upon successful submission, and the user can proceed with further actions, confident that the video content has been properly managed.
This process ensures that managing video resources is streamlined and efficient, promoting high-quality visual content and enhancing accessibility through optional subtitles.