• Any sort of visual element is incomplete without audio to complement the events contained. Games, movies, marketing videos, etc., all require audio assets to accompany the visual events. These assets are usually provided by sound/audio engineers, who are given requirement specifications in the form of demo videos. However, rarely are requirements satisfied in the first shot. The whole process involves multiple iterations of suitability testing for the visual events and corresponding audio assets.
  • For example, game developers often interact with asset providers multiple times, requesting assets for specific game scenes they've developed. Only after several rounds of back and forth communication do teams move on to the next scene, after the project managers and other stakeholders are satisfied. For teams working remotely, this communication often happens over email, resulting in long email chains and time and resource inefficiency.
  • Similarly in the case of content creators, this issue is in the form of countless wasted hours, trying to position sound assets to match the respective video events in editors, only to realise later that the mix just doesn't feel right.

What it does

  • Avem is an event based audio-video mixer application, functioning as an item widget within the Monday platform. Using Avem, boards used for audio-video asset management of a project can also provide functionality for testing mix suitability. With a few clicks, attach audio assets to the corresponding visual events, and preview the mix before committing to change. The overall workflow communication, time and resource management can be made more efficient by making use of Monday forms, boards, and the Avem item widget.
  • Load a video, select events according to timestamps, attach the corresponding audio, preview the final mix. It's that simple! Feel like a specific audio sample doesn't sit well in the mix? Update the asset provider directly using Monday. All members with access to the board can preview the mix within the Monday platform and update their opinions.
  • Avem also has a 'Help' section for users to handle app dependencies properly.

How I built it

Avem is built entirely using the React framework and Javascript, interacting with the GraphQL APIs exposed by Monday.


Video help

Board columns

Avem requires the addition of 3 columns to the board:
1) A file column to contain the base video/visual element.
2) Another file column to contain the submitted audio assets.
3) A subitems column to contain the events selected using the editor.
Find more information in the 'Help' section of the app.

Board Help

Subitem columns

Before using the editor, a test entry with 2 Text columns needs to be created for the subitems column of each item. These columns are meant to contain the event timestamps and the names of the corresponding attached audio for the final preview. The columns can be named as per the user's liking, but are currently necessary for proper operation of the app.

Subitem Help

Challenges I ran into

For my application to work completely within Monday, I'm maintaining the events selected using the editor in a subitems column on the board. However, since this feature is still in its beta stage, I had to think of workarounds for some APIs that weren't available through Monday, for example the creation and querying of subitem columns.

Similar challenges resulted in the app having a few dependencies, for which I've included a 'Help' section within the app to guide users on working with Avem.

What I learned

Over the course of building the project, I grew to be highly appreciative of Monday and its features. Developing for the same through this competition proved helpful in improving my Javascript, React, GraphQL and UI skills.

What's next for Avem

Given more time, I would want to make Avem a highly scalable app for remote collaboration, with a rich set of features for audio-video mixing and editing.

Built With

Share this project: