bPlayer - A Great Replacement for Audio Players

#bplayer1/bp1 with autoplay enabled

#bplayer2/bp2 with loop enabled

#bplayer3/bp3 created from JSON with slim mode enabled

#bplayer4 converted from Audio element with loop enabled in narrow mode

#bplayer5 converted from Audio element with slim mode enabled in narrow mode


You can control bp1, bp2, bp3 in console, such as bp1.color("#FF2870")
As to those elements that converted from Audio tags, ypu can control them via it's original CSS selector, such as
document.querySelector('#bplayer4').title = "whatever you want"

*Allrights of music used in DEMO are reserved by their author*
Whisper: Loopliness is created by myself 😂