Local Ground - Video UI

Integrated online video formats to work nicely with the Local Ground Media types.

Return to Local Ground Overview

Problem

Video has become commonplace for web applications, and there are APIs for major ones like Youtube and Vimeo. However, there has to be a simple and easy way for users to add videos so they can edit the description as they please.

Approach

When I first implemented the video UI element, I treated it as any other media object, which the user has to manually put in the video ID and provider for the video to actually appear. However, it turned out counter-intutive and had to find a simpler method to achieve the goal. I eventually solved the issue by having a separate window to urge the user to add video link to make the video appear while modifying the internal logic that gathers video provider and ID behind the scenes because novice users simply want a video to appear from a link alone.

BEFORE: Old video UI with manual Video ID and provider fields

AFTER: New Video UI that simply requires link to add video to collection

Technologies Used

  • Backbone

  • Marionette

  • Local Ground REST API

Results

Since the Video UI process has been created and simplified, now any user can add videos easily through a video link alone. Furthermore, more video providers can be added into the platform as desired behind the scenes.