@ethanol/ionic-react-hooks

> Ionic react hooks by Ethan Olsen

_This library is not still being developed and is not to be used in applications till done._

![NPM](https://www.npmjs.com/package/@ethanol/ionic-react-hooks) ![JavaScript Style Guide](https://standardjs.com)

Install

``bash npm install --save @ethanol/ionic-react-hooks`

`Usage`

#### useAudioPlayer

`tsx import React from 'react'

import { useAudioPlayer } from '@ethanol/ionic-react-hooks'

interface Props { audioUrl: string }

export const AudioComponent = ({ audioUrl }: Props) => { // ---- hooks ---- // > refs const progressRef = useRef(null!)

// > player const { curTime, duration, isLoading, isPaused, seekTo, skip, togglePlayPause } = useAudioPlayer({ audioUrl: audioUrl, progressRef: progressRef })

return (


      {/ Display current time and duration /}
      
        {curTime}/{duration}
      

      {/ Progress slider /}
              type='range'
        ref={progressRef}
        onChange={(e) => seekTo(parseInt(e?.target?.value ?? curTime))}
      />
      {/ Play pause /}
      
      {/ Skip 15 seconds forward and backwards /}

)
}

License

MIT © o2dependent