Aug 23, 2018

MediaBox – jQuery Plugin for Audio & Video

Written by



MediaBox is a jQuery plugin that helps you create multimedia programs very quickly.

The easiest way to assess the power of the MediaBox plugin is to check some examples created with the plugin:

1. A complex web app (150 lines Javascript). Complex App

2. A fullscreen music player (76 lines Javascript) Full screen

3. A website that integrates MediaBox (56 lines Javascript) Website

NOTE: All examples are included in your purchase.

MediaBox utilizes the power of jQuery and jPlayer and uses HTML5 with a flashbackback.

The main features of MediaBox are:

  • Contains 9 widgets for video and audio
  • Handles all aspects of playlist management and automatically updates all active widgets if the playlist changes.
  • Widgets can be used independently or combined to create complex applications
  • Automatically retrieve metadata if available (using an included server page php script)
  • Has a comprehensive selection list to customize the playlist performance, as well as each widget
  • Includes an API that exposes all features in a developer friendly manner.

Default configuration of each widget

Media player
Advanced list
Album Cover
background image
Thumb List
Thumb Wall


In the most basic case, all you have to do, deliver your playlist, select your widgets and assign anchors. An anchor is an HTML element that defines where the widget will appear on the page.

$ (& # 39; # container & # 39;). ttwMediaBox (myPlaylist, {
            //options for widget 1
            anchor: '#someDOMElement'
            //options for widget 2
            anchor: '#someDOMElement2'

The playlist is a series of objects (in the same format as jPlayer).


The API has the following methods:

  • play – Starts the playlist
  • next – Progress to the next playlist
  • prev plays the previous playlist item
  • addWidget – Add a widget after MediaBox is already initialized
  • removeWidget – Remove a widget
  • addPlaylistItem – Add an item to the playlist after it is already initialized
  • removePlaylistItem – Remove an item from the playlist after it is already initialized
  • movePlaylistItem – Move a playlist from a position in the playlist to another location
  • swapPlaylist – Replace an entire playlist with another
  • setOption – Change a MediaBox setting during runtime
  • getWidget – Returns a reference to a specific widget


The plug comes with 20 pages of documentation explaining usage, widget config, developer API and frequently asked questions.

Pictures on the website example at:

Do you need a project management system? Try my new app

Duet Project Management

Visual Form Builder – Create beautiful shapes in seconds

Visual Form Builder


Article Tags:
Article Categories:
ThemeForest best selling themes

Jaeho Park completed a Master in Fine Arts at the Hongik University in 1999, followed by a Master in Photographic Studies at the University of Westminster in 2012. After working for many years as a university professor, designer and curator in South Korea.

Leave a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.