filepond-plugin-media-preview

WebJar for filepond-plugin-media-preview

License

License

MIT
Categories

Categories

Github Development Tools Version Controls
GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

github-com-nielsboogaard-filepond-plugin-media-preview
Last Version

Last Version

1.0.4
Release Date

Release Date

Type

Type

jar
Description

Description

filepond-plugin-media-preview
WebJar for filepond-plugin-media-preview
Project URL

Project URL

https://www.webjars.org
Source Code Management

Source Code Management

https://github.com/nielsboogaard/filepond-plugin-media-preview

Download github-com-nielsboogaard-filepond-plugin-media-preview

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/github-com-nielsboogaard-filepond-plugin-media-preview/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>github-com-nielsboogaard-filepond-plugin-media-preview</artifactId>
    <version>1.0.4</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/github-com-nielsboogaard-filepond-plugin-media-preview/
implementation 'org.webjars.npm:github-com-nielsboogaard-filepond-plugin-media-preview:1.0.4'
// https://jarcasting.com/artifacts/org.webjars.npm/github-com-nielsboogaard-filepond-plugin-media-preview/
implementation ("org.webjars.npm:github-com-nielsboogaard-filepond-plugin-media-preview:1.0.4")
'org.webjars.npm:github-com-nielsboogaard-filepond-plugin-media-preview:jar:1.0.4'
<dependency org="org.webjars.npm" name="github-com-nielsboogaard-filepond-plugin-media-preview" rev="1.0.4">
  <artifact name="github-com-nielsboogaard-filepond-plugin-media-preview" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='github-com-nielsboogaard-filepond-plugin-media-preview', version='1.0.4')
)
libraryDependencies += "org.webjars.npm" % "github-com-nielsboogaard-filepond-plugin-media-preview" % "1.0.4"
[org.webjars.npm/github-com-nielsboogaard-filepond-plugin-media-preview "1.0.4"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

Media Preview plugin for FilePond

License: MIT npm version

The Media Preview plugin will kick in automatically when the uploaded file is of type video or audio and render a preview player inside the file item.

Quick Start

Install using npm:

npm install filepond-plugin-media-preview

Then import in your project:

import * as FilePond from 'filepond';
import FilePondPluginMediaPreview from 'filepond-plugin-media-preview';

Register the plugin:

FilePond.registerPlugin(FilePondPluginMediaPreview);

Create a new FilePond instance as normal.

const pond = FilePond.create({
    name: 'filepond'
});

// Add it to the DOM
document.body.appendChild(pond.element);

The preview will become active when uploading an video or audio file.

Default styles

Be sure to include this lib's styles, by importing the minified css.

import 'filepond-plugin-media-preview/dist/filepond-plugin-media-preview.min.css';

Demo

View the demo

Versions

Version
1.0.4