@newfrontdoor/audio-player
TypeScript icon, indicating that this package has built-in type declarations

0.3.2 • Public • Published

audio player

A themeable audio player

Usage

A single audio player

import {AudioPlayer} from '@newfrontdoor/audio-player';

<AudioPlayer isPlayOnLoad src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3" />

An audio player with multiple tracks

import {AudioManager} from '@newfrontdoor/audio-player';

const track1 = "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3";
const track2 = "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-2.mp3"

<AudioManager isPlayOnLoad initialSrc={track1}>
  <AudioManager.AudioPlayer/>
  <AudioManager.PlayButton src={track1}>
    Track 1
  </AudioManager.PlayButton>
  <AudioManager.PlayButton src={track2}>
    Track 2
  </AudioManager.PlayButton>
</AudioManager>

Package Sidebar

Install

npm i @newfrontdoor/audio-player

Weekly Downloads

3

Version

0.3.2

License

MIT

Unpacked Size

228 kB

Total Files

19

Last publish

Collaborators

  • barrythepenguin
  • bratalix
  • camdude
  • deeksy
  • instagibb
  • readeral