Audio Post Detail Screen

Overview

The Audio Post Detail Screen displays detailed information about a specific audio post. This screen is accessed by clicking on a post card. Overall, this is an important screen of the platform, as it allows users to view and interact with individual posts in a more detailed way. It can help to engage users and keep them coming back to the platform for more content.

Audio Player

The component that is designed to play audio content. It allows users to play audio content on a device such as a computer, smartphone, or tablet.

Audio Player Features

• Play, Pause: Controls to start and pause the audio playback.
• Seek: A slider or control that allows the user to skip forward or backward in the audio.
• Playback speed: A feature that allows the user to adjust the playback speed of the audio.
• Volume control: A control that allows the user to adjust the volume of the audio.
• Full-screen mode: A button that allows the user to switch to full-screen mode.

Title and Description

This section displays the title and the description of the Post.

Reactions

This section displays the top 3 reactions the post has plus a smiley emoji where users can add different reactions. Clicking on it opens up a drawer with all available emojis. Any reactions that were already selected by the user will be highlighted using the Channel's primary color.

Note: This section may be hidden depending on the post's settings.

Comments

The component where users can leave comments, share their opinions, ask questions, or engage in a discussion with other users (replies) on a particular piece of content.

• Count of comments: The total number of comments and replies a post has.
• Sorting: Users can sort comments by "Most Recent" or "Oldest".
• Avatar: Users the first letter of the username.
• Comment field: Where users can type in the comment.
• Username.
• Timestamp: When the comment was added.
• 3 dots: If it's your own comment, then you will see an option to Edit or Delete the comment. If it's a comment from a different user, then you will see an option to Report that comment.
• Comment.
• Upvote and downvote and their respective count.
• Reply: Button that opens a text field where the user can add a reply to a specific comment.

Note: This section may be hidden depending on the post's settings.