A simple react component displaying a playlist for audio files
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
src
.gitignore
Gruntfile.js
README.md
package.json
test.html

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.