Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/brunoimbrizi/tweakpane-plugin-audio-player
A mini audio player for Tweakpane.
https://github.com/brunoimbrizi/tweakpane-plugin-audio-player
audio-player tweakpane tweakpane-plugin
Last synced: 21 days ago
JSON representation
A mini audio player for Tweakpane.
- Host: GitHub
- URL: https://github.com/brunoimbrizi/tweakpane-plugin-audio-player
- Owner: brunoimbrizi
- License: mit
- Created: 2023-06-03T12:22:14.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-08-27T10:23:10.000Z (about 1 year ago)
- Last Synced: 2024-10-19T00:19:33.096Z (about 1 month ago)
- Topics: audio-player, tweakpane, tweakpane-plugin
- Language: TypeScript
- Homepage:
- Size: 22.5 KB
- Stars: 11
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# Tweakpane plugin audio player
A mini audio player for [Tweakpane][tweakpane]. Sometimes you just want all of your UI in one place.
## Demo
[Plugin demo on StackBlitz](https://stackblitz.com/edit/js-cgprrp)
## Installation
### Browser
```html
const pane = new Tweakpane.Pane();
pane.registerPlugin(TweakpaneAudioPlayerPlugin);
```
### Package
```js
import {Pane} from 'tweakpane';
import * as AudioPlayerPlugin from 'tweakpane-plugin-audio-player';
const pane = new Pane();
pane.registerPlugin(AudioPlayerPlugin);
```
## Usage
```js
const audioBlade = pane.addBlade({
view: 'audio-player',
label: 'track',
source: 'drum-intro.mp3'
});
// access the element directly
// audioBlade.audio
```
[tweakpane]: https://github.com/cocopon/tweakpane/