Media Kit

Dave Fumberger

Media player controls to create customisable audio and video players.

Includes:

  • Audio Player
  • Video Player. Includes ability to adjust saturation, brightness, hue, contrast.
  • Play / Pause Button
  • Progress Circular
  • Progress Bar
  • Time Label

Controls can be wired up to players via overrides:

Example connecting play button.& progress bar to player:

const data = Data({ play: false,
                    progress: 0.0 })

export const isProgressBar: Override = () => {
    return {
        progress: data.progress
    }
}

export const isPlayer: Override = () => {
    return {
        shouldPlay: data.play,
        onProgress(progress) {
            data.progress = progress
        },
        onEnded() {
            data.play = false
        }
    }
} 

export const isPlayButton: Override = () => {
    return {
        paused: data.play == false,
        onPlay() {            
            data.play = true
        },
        onPause() {            
            data.play = false
        },
    }
}

Contact

Any questions, contact me @djfumberger

Log

3 Apr 2019

  • Added loop option to video
  • Added hue, contrast, saturation, brightness controls to video.

v1.0.0 - 12 Mar 2019

Initial Release

By using our website, you agree to the use of cookies as described in our  Privacy Policy —
I Agree