Essential Audio Player JS is a simple, clean and minimal JavaScript / HTML5 / CSS web audio player.

Overview

The Essential Audio Player JS is a simple, clean and minimal custom JavaScript / HTML5 / CSS web audio player.

Essential Audio Player JS is a simple, clean and minimal JavaScript / HTML5 / CSS web audio player.
No unnecessary controls, just a button and a track (which is optional).

Pure JavaScript, no framework dependency.
Strict HTML5, based on the <audio> tag.
Easy to embed.
CSS customizable.
Fully mobile. Fully responsive.
Free.

View demo and documentation:
https://essential-audio-player.net


The Essential Audio Player JS is a simple, clean, minimal custom JavaScript / HTML5 / CSS web audio player.
You might also like...

Simple REST API using Express with TypeScript, PostgreSQL, and MySQL to practice the Clean Architecture by Uncle Bob.

Clean-Architecture Simple REST API using Express with TypeScript, PostgreSQL, and MySQL to practice the Clean Architecture by Uncle Bob. About This RE

Oct 16, 2022

jSide Menu is a well designed, simple and clean side navigation menu with dropdowns.

jSide Menu is a well designed, simple and clean side navigation menu with dropdowns.

jQuery jSide Menu jSide Menu is a well designed, simple and clean side navigation menu with dropdowns. Browse: Live Demo & Using Guide Main Features F

Feb 14, 2022

This is Basic calculator. This is made up of HTML5,CSS and JAVASCRIPT.

titleBasicCalculator/title style @media screen and (max-width : 574px){ h2{ font-size: large; }} @media screen and (max-width : 430px){ h2{ font

Dec 22, 2021

Remarkable is a simple extension that automatically keeps your bookmarks clean & up-to-date.

Remarkable is a simple extension that automatically keeps your bookmarks clean & up-to-date.

Remarkable Remarkable is a simple extension that automatically keeps your bookmarks clean & up-to-date. Installation (Other browsers coming soon - sor

Dec 21, 2022

A clean coded simple file/image uploader builded with express

A clean coded simple file/image uploader builded with express

Before you start... This code is nodejs version of source that my friend GDLev. He is open source creator such as I, you can discover his work by clic

Sep 5, 2022

This the minimal to do list done using JavaScript, HTML and CSS.

This the minimal to do list done using JavaScript, HTML and CSS.

To_DO_List This the minimal to do list done using JavaScript, html and CSS In this project, we built a basic to do list website: plain JavaScript with

Mar 9, 2022

Mini projects built with HTML5, CSS & JavaScript. No frameworks or libraries

20+ Web Projects With Vanilla JavaScript This is the main repository for all of the projects in the course. Course Link Course Info Website # Project

Jan 4, 2023

✨ Small and Clean JavaScript Toast Notifications

✨ Small and Clean JavaScript Toast Notifications

BuzzNotify Small and Clean JavaScript Toast Notifications New version introduces breaking changes! Now the styles come separately and you will have to

Aug 23, 2022
Comments
  • Accessibility player

    Accessibility player

    Is there a easy way to make the player accessible with tab and enter?

    I'm using multiple players with no ID's on a page but can't acces them with keyboard.

    opened by Mesign 2
  • Chrome Console error

    Chrome Console error "Uncaught (in promise)" after clicking on play

    I noticed that the audioplayer on the website sometimes does not work. When checking for errors I see the following in Google Chome (90.0.4430.212) Console after pressing on the play button: Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause(). https://goo.gl/LdLk22

    It is weird that the audioplayer sometime does work and sometime does not work. On the moment of writing this it works again(?).

    Any idea what could cause this?

    opened by Mesign 2
  • Not working for AAC IceCast streams

    Not working for AAC IceCast streams

    I run an IceCast stream and would like to use Essential Audio Player instead of the native HTML5 player. However, when I set it up and press play, it just loads. With the console open, I get the following: HEAD https://ice1.msx.gay:8443/kmsx.aac?random=927 [HTTP/1.0 400 Bad Request 124ms] Below is the embed code for the player: <div class="essential_audio" data-url="https://ice1.msx.gay:8443/kmsx.aac">Looks like your browser doesn't support the player. Use the link below to play in your own player.</div> essential_audio.css and essential_audio.js are linked to in the head of the page. The page is here if you want to take a look for yourself.

    opened by MarshmelloSUCKS 1
  • Unhanded Promise Rejection

    Unhanded Promise Rejection

    After clicking play button the browser dev console shows this error: Unhandled Promise Rejection: AbortError: The operation was aborted.

    It does not provide a line/file.

    Player still works fine.

    opened by zerosonesfun 3
Personal project to a student schedule classes according his course level. Using GraphQL, Clean Code e Clean Architecture.

classes-scheduler-graphql This is a personal project for student scheduling, with classes according his course level. I intend to make just the backen

Giovanny Lucas 6 Jul 9, 2022
A collection of preloaded and essential files that makes the website more attractive, smooth and user friendly

Web-Docs A collection of preloaded and essential files that makes the website more attractive, smooth and user friendly How to use: git clone https://

MAINAK CHAUDHURI 23 Dec 17, 2022
Digital Identifier is a secure, decentralized, anonymous and tampered proof way of maintaining and verifying all essential identity-based documents to create a unique digital identity of a person.

Digital Identifier ?? To design and develop a secure, decentralized, anonymous and tampered proof way of maintaining and verifying all essential ident

Mukul Kolpe 4 Dec 17, 2022
🛠 Building a Headless CMS with all the essential features for business representative websites to make 🚀

Isomera - headless CMS for business representative websites SaaS that is hosted on the cloud and built by community. To make developer life easy. ⚠️ A

Cortip 8 Dec 3, 2022
Gatsby-starter-minimal-blog - Typography driven, feature-rich blogging theme with minimal aesthetics.

Gatsby-starter-minimal-blog - Typography driven, feature-rich blogging theme with minimal aesthetics. Includes tags/categories support and extensive features for code blocks such as live preview, line numbers, and line highlighting.

Priya Chakraborty 0 Jan 29, 2022
This plugin can generate timestamps for video, audio and Bilibili video, it takes you to the corresponding video/audio position when clicked.

logseq-plugin-media-ts 本插件能够生成视频、音频以及 B 站视频的时间戳,点击时间戳后会跳转到对应的音视频位置。 This plugin can generate timestamps for video, audio and Bilibili video, it takes

Seth Yuan 58 Jan 3, 2023
A simple, lightweight, clean and small library for creating guided product tours for your web app.

Tourguide.js Simple, lightweight library for creating guided tours for your web, apps and more. A tour guide is a person who provides assistance, info

Docsie.io 277 Dec 12, 2022
Fully featured clean-css plugin for Visual Studio Code

vscode-clean-css Fully featured clean-css plugin for Visual Studio Code. Install Execute Extensions: Install Extensions command from Command Palette (

Shogo Sensui 2 Nov 9, 2021
🟢 Music player app with a modern homepage, fully-fledged music player, search, lyrics, song exploration features, search, popular music around you, worldwide top charts, and much more.

Music-player-app see the project here. 1. Key Features 2. Technologies I've used Key Features: ?? Fully responsive clean UI. ?? Entirely mobile respo

suraj ✨ 3 Nov 16, 2022
A Leaderboard app that pulls from a LeaderboardGameAPI and allows users to view recent scores and add more scores to the score board. Built with HTML5, CSS, JavaScript, and Webpack.

Leaderboard A Leaderboard app that pulls from a LeaderboardGameAPI and allows users to view recent scores and add more scores to the score board. Buil

Steven Ntakirutimana 5 Dec 21, 2022