https://github.com/fdmediagroep/fdmg-ts-react-audio-widget

ReactJS AudioWidget component
https://github.com/fdmediagroep/fdmg-ts-react-audio-widget

compnent enzyme fdmg jest react reactjs tslint typescript typescript2

Last synced: 9 months ago
JSON representation

ReactJS AudioWidget component

• Host: GitHub
• URL: https://github.com/fdmediagroep/fdmg-ts-react-audio-widget
• Owner: FDMediagroep
• Archived: true
• Created: 2017-12-08T10:48:56.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2020-05-07T09:09:00.000Z (about 6 years ago)
• Last Synced: 2025-01-06T09:43:15.431Z (over 1 year ago)
• Topics: compnent, enzyme, fdmg, jest, react, reactjs, tslint, typescript, typescript2
• Language: TypeScript
• Size: 1010 KB
• Stars: 2
• Watchers: 9
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md

Awesome Lists containing this project

README

          
> :exclamation: **DEPRECATED** :exclamation:

# fdmg-ts-react-audio-widget

[![Build Status](https://travis-ci.org/FDMediagroep/fdmg-ts-react-audio-widget.svg?branch=master)](https://travis-ci.org/FDMediagroep/fdmg-ts-react-audio-widget)

[![Coverage Status](https://coveralls.io/repos/github/FDMediagroep/fdmg-ts-react-audio-widget/badge.svg?branch=master)](https://coveralls.io/github/FDMediagroep/fdmg-ts-react-audio-widget?branch=master)

[![npm version](https://badge.fury.io/js/%40fdmg%2Fts-react-audio-widget.svg)](https://badge.fury.io/js/%40fdmg%2Fts-react-audio-widget)

[ReactJS](https://reactjs.org/) AudioWidget component. This component renders a stand-alone Audio Widget for playing

audio files. All you need is some styling and you're good to go.

## Installation

- Run `npm i --save-dev @fdmg/ts-react-audio-widget`

or

- Run `yarn add @fdmg/ts-react-audio-widget --dev`

## Usage

### TypeScript

```

import * as React from 'react';

import H1 from 'fdmg-ts-react-audio-widget';

export default class foo {

    public state: any;

    public props: any;

    constructor(props: any) {

        super(props);

        this.props = props;

    }

    

    handleOnLoad() {}

    handleOnCanPlay() {}

    handleOnLoadStart() {}

    handleOnLoadedData() {}

    handleOnSeeked() {}

    handleOnEnded() {}

    handleOnSeeking() {}

    handleOnTimeUpdate() {}

    render() {

        return (

            

        );

    }

}

```

### Resulting HTML

```



    

    


        


            


                

                

            

        

        


            12s

            5m 0s

        

    



```