react-tiny-audio-player

a tiny audio player with process bar and process tips.

Usage no npm install needed!

<script type="module">
  import reactTinyAudioPlayer from 'https://cdn.skypack.dev/react-tiny-audio-player';
</script>

README

react-tiny-audio-player

react-tiny-audio-player is an audio player component with process bar and process tip
based on the HTML 5 Audio Tag

Preview

Installation

npm install react-tiny-audio-player --save

Usage


import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import TinyAudioPlayer from 'react-tiny-audio-player';

ReactDOM.render(<TinyAudioPlayer
    name='Metallica - Enter Sandman'
    source='https://upload.wikimedia.org/wikipedia/en/3/39/Metallica_-_Enter_Sandman.ogg'
    />, document.getElementById('root'));

Tips

You may need to customize the style for audio player or copy the style.css to your project,

Development

npm install
npm start