Baike.dev
All toolsOnline toolsAI codingTrendingOpen sourceNewsSubmit
Log in
< Back to tools
R

react-soundplayer

> 编程语言
Open source

Create custom web audio players with React

1.5K stars0 likes3 views
WebsiteGitHub

About

Create custom web audio players with React

 react-soundplayer

Create highly-customizable SoundCloud (or any audio) players with React.js.

Documentation

Install

bash
npm install react-soundplayer --save

Examples

There are several examples on the website. Here is the basic one to get you started:

…

Custom Audio Example

It is also easy to built players without using SoundCloud API. You just need to pass audio source via streamUrl and all other necessary track meta information can be passed as custom props. Also you can choose preloadType, according to https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio#Attributes, by default this property is equal to 'auto'.

…

References

  • simply the best CSS modular toolkit on the web - BASSCSS
  • easy management of HTML5 Audio API by SoundCloudAudio.js
  • inspired by Plangular
  • we all :heart: SoundCloud API!
  • generate standalone "copy-paste" version with Soundplayer.js
  • follow updates on Twitter

MIT Licensed

Issues· 33 open

View all issuesOpen on GitHub

No open issues yet, or sync has not completed.

> Tags

JavaScript

No comments yet. Be the first to share.

> Details

PublishedAug 1, 2026
UpdatedSep 17, 2026
Category编程语言
PricingOpen source

> Related tools

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言