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: 1 day 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 (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-08-27T10:23:10.000Z (almost 2 years ago)
- Last Synced: 2025-04-02T16:21:34.560Z (3 months ago)
- Topics: audio-player, tweakpane, tweakpane-plugin
- Language: TypeScript
- Homepage:
- Size: 22.5 KB
- Stars: 13
- Watchers: 1
- Forks: 1
- 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/