I'm sorry, I speak a little English.
I would like playing 1 audio file with 2 player in my website. First player in top and the second player in bottom.
How to?
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/openplayerjs@latest/dist/openplayer.min.css" />
</head>
<body>
<div id="top-player">
<audio class="op-player__media" id="playertop" controls playsinline>
<source src="/path/to/music.mp3" type="audio/mpeg" />
</audio>
</div>
<div id="bottom-player">
<audio class="op-player__media" id="playerbottom" controls playsinline>
<source src="/path/to/music.mp3" type="audio/mpeg" />
</audio>
</div>
<script src="https://cdn.jsdelivr.net/npm/openplayerjs@latest/dist/openplayer.min.js"></script>
<script>
const playertop = new OpenPlayerJS('playertop');
playertop.init();
const playerbottom = new OpenPlayerJS('playerbottom');
playerbottom.init();
</script>
</body>
</html>
I want different player designs, but the file is the same and the playerbar too.