{"repo":"lhz516/react-h5-audio-player","free":true,"listed":false,"github":"https://github.com/lhz516/react-h5-audio-player","clone":"git clone https://github.com/lhz516/react-h5-audio-player.git","description":"React audio player component with UI. It provides time indicator on both desktop and mobile devices.","language":"JavaScript","stars":691,"topics":["audio-player","react-audio-player","audio","music-player","typescript","react"],"license":"MIT","category":"media-processing","readme_excerpt":"React H5 Audio Player Audio player component that provides consistent UI/UX on different browsers. Super customizable layout Flexbox css with SVG icons. Mobile friendly. I18n and a11y supported, keyboards events supported. Support Media Source Extensions (MSE) and Encrypted Media Extensions (EME) Written in TypeScript. Live Demo: Storybook Try it on CodePen: Basic, Playlist Supported browsers: Chrome, Firefox, Safari, Edge Migrate from v3.x to v4 Installation Install with @next for v4, without @next for v3 $ npm i react-h5-audio-player@next Or $ yarn add react-h5-audio-player@next Usage Keyboard shortcuts (When audio player focused) They can be turned off by setting hasDefaultKeyBindings prop to false Key binding Action ----------- ------ Space Play/Pause ← Rewind → Forward ↑ Volume up ↓ Volume down L Toggle loop M Toggle mute Props HTML Audio Tag Native Attributes Props Type Default Note ----------- ------------------------------ --------- ---- src string '' preload 'auto' \\ 'metadata' \\ 'none' 'auto' autoPlay boolean false Won't work on most mobile devices loop boolean false muted boolean false volume number 1.0 Won't work on most mobile devices crossOrigin string undefined mediaGroup string undefined More native attributes detail: MDN Audio element The controls attribute defaults to false and should never be changed to true because this library is already providing UI. UI/UX Props Props Type Default Note ------------------------ ----------------- ------- ---- showSkipContr","default_branch":null,"files":null,"tree":[],"storefront":"/r/lhz516","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/lhz516/react-h5-audio-player/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}