https://github.com/basemax/customminiaudioplayer

A customized audio player which can detect the duration and current time and progress of playing songs and show them in custom style by getting help from Javascript.
https://github.com/basemax/customminiaudioplayer

audio audio-javascript audio-js audio-player audio-player-js audio-player-lib audio-player-library javascript js player-audio player-controller player-controls player-js

Last synced: about 1 month ago
JSON representation

A customized audio player which can detect the duration and current time and progress of playing songs and show them in custom style by getting help from Javascript.

• Host: GitHub
• URL: https://github.com/basemax/customminiaudioplayer
• Owner: BaseMax
• License: gpl-3.0
• Created: 2022-07-31T18:53:59.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-08-01T11:19:04.000Z (almost 3 years ago)
• Last Synced: 2025-05-04T21:45:35.921Z (about 1 month ago)
• Topics: audio, audio-javascript, audio-js, audio-player, audio-player-js, audio-player-lib, audio-player-library, javascript, js, player-audio, player-controller, player-controls, player-js
• Language: CSS
• Homepage: https://basemax.github.io/CustomMiniAudioPlayer/
• Size: 5.65 MB
• Stars: 6
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Custom Mini Audio Player

A customized audio player which can detect the duration and current time and progress of playing songs and show them in custom style b getting help from **Javascript**.

**Demo:** https://basemax.github.io/CustomMiniAudioPlayer/

[![Custom Mini Audio Player](preview.jpg)](https://basemax.github.io/CustomMiniAudioPlayer/)

## Features

- Detect duration of an audio song

- Detect the current time of the audio

- Calculate progress of current time

- Play/Resume of audio playing by the `space` key or clicking an icon

The main idea is from https://www.youtube.com/watch?v=IO7Mh31fHs4.