Skip to content

rafaelsq/audio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

HTML5 Audio Wrapper

Examples; React, HyperApp.

Usage

Method Description
reset() reset player state to default
src(string) set player src(file url)
on(state: Object => void) set the callback function that will be called with the player state
play() play the song
pause() pause the song
stop() stop the song
seek(second: number) seek to the second
volume(0~1: number) set volume
toggleMute() toggle mute
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width" />
        <title>Example</title>
    </head>
    <body>
        <script type="module">
            import Audio from "./audio.js"

            const audio = new Audio()
            audio.on(state => console.log("new state:", state))
            audio.src("MP3_URL")
            audio.play()
        </script>
    </body>
</html>

Yarn

$ yarn add https://github.com/rafaelsq/audio

import Audio from "audio"

const audio = new Audio()
audio.on(state => console.log("new state:", state))
audio.src("MP3_URL")
audio.play()