Audio Video Player and Recorder

Plugin name: Audio/video player

Demo to preview the plugin:

Introduction

This Video.js library-based video player plugin offers a comprehensive range of features for an immersive video playback experience. It comes with audio player and audio/video recorder feature that empowers you to deliver a rich and engaging video experience on your website while offering a wide array of customization and integration options to suit your needs.
Key features:
  • Play, pause, stop, and control playback speed.
  • URL, Vimeo, Youtube video support
  • Picture-in-picture mode
  • Wide format support (mp4, webM, HLS (HTTP Live Streaming), Ogg)
  • Zoom in/out
  • Disable Right Clicking
  • Disable Auto-Fullscreen (ios)
  • Auto Play
  • Looping
  • Audio/Video recording
  • Audio player
  • Subtitle support
  • Sticky video that remains visible while scrolling
  • Autoplay while scrolling
  • Thumbnail image previews
  • Video mirroring (flipping) capabilities
  • Ad integration
  • Capture and save the current frame as an image
  • Customizable player styles
  • Playlist support for continuous content playback.
  • Background fullscreen mode
  • MUX integration
  • Wistia integration

Prerequisites

Most options and functionality do not require any accounts.
To use MUX API you must have an account. Create your development account at: https://www.mux.com/.
To use HappyScribe API you must have an account. Create your development account at: https://www.happyscribe.com/.
To use videos in Wistia player you don’t need an account, but if you want to store and play yours videos you must have an account. Create your development account at: https://wistia.com/.

How to setup

Setup MUX account and get token:

To start you need to create an account at: https://www.mux.com/. Open the link and push the “Sing up” button on the top right of the page.

Setup Happyscribe account and get a token:

To start you need to create an account at: https://www.happyscribe.com/. Open link and push button “Sing up” on the top right of the page.

Setup Wistia account and get a token:

To start you need to create an account at: https://wistia.com/. Open the link and push the button “Get started” on the top right of the page. Then scroll down and click “Sign up for free"

Plugin Elements’ Properties

The plugin contains the following elements:
Audio/Video playerMUX Video UploaderWistia Video PlayerVisualizerAudio RecorderVideo Recorder

Plugin Data/Action Calls (API Calls only)

MUX Api calls

Happyscribe Api calls

Wistia Api calls

Plugin Actions

  1. Generate a JSON Web Token - token for API call MUX to see how many people are watching.
    1. my Id
      The ID for which counts will be returned
      String
      my Id Type
      video_id (Mux Data Video ID)asset_id (Mux Video Asset ID)playback_id (Mux Video Playback ID)live_stream_id (Mux Video Live Stream ID)
      String
      Token live time
      UNIX Epoch seconds when the token expires. Use this to ensure any tokens that are distributed become invalid after a period of time.
      Number
      signing Key Id
      Key ID returned when signing key was created
      String
      private Key Base64
      Base64 encoded private key. It is a very long string.
      String
      Returns: JSON Web Token.
      How to get Key ID and Key Base64
  1. Everyone players action - do an action for every one player on the page.
    1. Title
      Description
      Type
      Action
      Available actions: Play Stop Pause Set volume Exit Fullscreen Mute on Mute off
      Dropdown options
      Value
      For volume: 0 - 100.
      Number

Workflow example

Getting Started

Playlist in Audio/Video Player

Floating Player

Add advertising

Changelogs

Update: 07/09/2023 – Version 1.0.0

  • Published plugin

Update: 15/11/2023 – Version 1.2.0

  • Minor fixes

Update: 04/12/2023 – Version 1.4.0

  • Minor fixes

Update: 26/01/2024 – Version 1.8.0

  • Added "Permission denied by user" state for "Audio Recorder" element

Update: 05/06/2024 – Version 1.10.0

  • Dynamic field for filename, bitrate, format, audio channel

Update: 06/06/2024 – Version 1.11.0

  • Minor update