Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 

README.md

react-audiolist

A simple component to render a playlist for audio files and controls for playing them

The goal of react-audiolist is to offer a simple audio playlist for a given set of audio files. I created this component to properly offer my music files on my private site, https://alexi.ch/music/.

The component is not yet finished, a first use case is shown in the following HTML snippet:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>ReactAudiolist Test</title>
    </head>

    <body>
        <div id="container"></div>
        <script src="dist/react-audiolist-debug.js"></script>
        <script type="text/javascript">
ReactAudioList(
        document.getElementById('container'),
        [
        {title: 'Lexus first song', url: 'https://alexi.ch/site/assets/files/1066/lexus_first_song.mp3'},
        {title: 'Easy Flow', url: 'https://alexi.ch/site/assets/files/1067/easy_flow.mp3'},
        {title: 'Holiday', url: 'https://alexi.ch/site/assets/files/1068/holiday.mp3'},
        {title: 'Wood Song 1', url: 'https://alexi.ch/site/assets/files/1069/wood_song_1.mp3'},
        {title: 'In the garage', url: 'https://alexi.ch/site/assets/files/1070/in_the_garage.mp3'},
        {title: 'Taureg Moon Base', url: 'https://alexi.ch/site/assets/files/1071/taureg_moon_base.mp3'},
        {title: 'Retro Short Shot', url: 'https://alexi.ch/site/assets/files/1072/retro_short_shot.mp3'},
        {title: 'LogicExperiment', url: 'https://alexi.ch/site/assets/files/1073/logicexperiment.mp3'}
        ]);
        </script>
    </body>
</html>

More options and documentation as this project grows.

About

A simple react component displaying a playlist for audio files

Resources

Releases

No releases published

Packages

No packages published