Adding product to your cart
<div id="root">
<!-- This element's contents will be replaced with your component. -->
</div>
.container {
width: 500px;
}
// https://github.com/lhz516/react-h5-audio-player
const AudioPlayer = window.ReactH5AudioPlayer.default
class PlayerApp extends React.Component {
render() {
return (
<div className="container">
<h1>Hello, audio player!</h1>
<AudioPlayer
src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3"
// Try other props!
/>
<p>
<a href="https://github.com/lhz516/react-h5-audio-player" target="_blank">See Docs on Github</a>
</p>
</div>
);
}
}
ReactDOM.render(<PlayerApp />, document.getElementById('root'));
Use left/right arrows to navigate the slideshow or swipe left/right if using a mobile device