amad-player v1.0.13

Amad Player

Amad Player is a customizable Vue.js component for creating audio and video players. It provides a simple and flexible player with basic controls such as play/pause, volume control, seek functionality, and full-screen mode for videos. This package is perfect for integrating audio and video players into your Vue.js applications.

Demo

Check out the live demo here: Demo Link.

Installation

To install Amad Player via npm:

npm i amad-player

Usage

Once installed, you can use the audio and video player components in your Vue.js app.

Importing the Player Component

import { AmadAudio, AmadVideo } from 'amad-player';

Import the AmadPlayer styles from 'amad-player/style.css'. For example:

@import 'amad-player/style.css';

Using Amad Audio

Add the AmadAudio component in your template

import { AmadAudio } from 'amad-player';

  <AmadAudio
    :file="audioFile"
  />

Using Amad Video

Add the AmadVideo component in your template

import { AmadVideo } from 'amad-player';

  <AmadVideo
    :file="audioFile"
  />

Configuration

Props for Audio Player (AmadAudio)

Props for Video Player (AmadVideo)