UseAudioPlayer
React hooks for controlling audio on the web
Install / Use
/learn @E-Kuerschner/UseAudioPlayerREADME
Welcome!
This is a yarn v4 monorepo that primarily manages the react-use-audio-player package, which helps React developers better control sound in their web applications.
<a href="https://buymeacoffee.com/erichk" title="Donate to this project using Buy Me A Coffee"><img src="https://img.shields.io/badge/buy%20me%20a%20coffee-donate-yellow.svg" alt="Buy Me A Coffee donate button" /></a>
yarn add react-use-audio-player
npm install react-use-audio-player
For complete package documentation, see the package README
Monorepo Setup
In order to contribute to the project, build the package locally, or run the demo applications, you will need to make sure your environment is set up correctly.
I recommend using NVM to make sure you use the correct NodeJS version.
The repo uses modern Yarn which requires one to enable corepack on their NodeJS installation.
This feature is only available on newer releases which is why it is important to use the established NodeJS version in the .nvmrc file.
git clonethe repositorycd useAudioPlayernvm usecorepack enableyarn install
Examples
You can view example applications using the package in the demos directory. If you would like to run them yourself please following the following steps:
- Complete the steps in Monorepo Setup above
- Build the react-use-audio-player package locally with -
yarn g:build-package cdinto any of the demo workspaces and runyarn start- or leverage
yarn workspacecommands -yarn workspace [NAME OF DEMO FOLDER] start - follow terminal output or the demo's README for further assistance
Contributing
Please consider opening an Issue or Feature Request in Github and I will do my best to respond to these in a timely manner. However, as a sole contributor, it can often be hard to set aside time to make meaningful changes to the project. I will be happy to review and discuss pull requests with anyone who wants to help.
Related Skills
bluebubbles
345.9kUse when you need to send or manage iMessages via BlueBubbles (recommended iMessage integration). Calls go through the generic message tool with channel="bluebubbles".
slack
345.9kUse when you need to control Slack from OpenClaw via the slack tool, including reacting to messages or pinning/unpinning items in Slack channels or DMs.
qqbot-channel
345.9kQQ 频道管理技能。查询频道列表、子频道、成员、发帖、公告、日程等操作。使用 qqbot_channel_api 工具代理 QQ 开放平台 HTTP 接口,自动处理 Token 鉴权。当用户需要查看频道、管理子频道、查询成员、发布帖子/公告/日程时使用。
frontend-design
106.4kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
