react-soundplayer

 React-soundplayer

<a href="https://www.buymeacoffee.com/voronianski"" target="_blank">

使用 React.js 创建高度可定制的 SoundCloud (或任何音频) 播放器。

文档

安装

npm install react-soundplayer --save

示例

网站上有几个示例 [http://labs.voronianski.dev/react-soundplayer/#ExamplePlayers]。以下是一个基本示例,可供您开始使用:

…

自定义音频示例

此外,还可以轻松地构建播放器 不使用 SoundCloud API。只需通过 streamUrl 传递音频源,其他所有必要的音轨元数据都可以作为自定义属性传递。此外,您还可以选择 preloadType。默认情况下,根据 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio#Attributes,,此属性等于 'auto'。

…

参考资料

• 网络上最好的 CSS 模块化工具包 - BASSCSS - 通过 SoundCloudAudio.js 便捷地管理 HTML5 音频 API - 受 Plangular 启发 - 我们都喜欢 SoundCloud API！ - 使用 Soundplayer.js 生成独立的“复制粘贴”版本 - 关注 Twitter 上的更新