JSFiddle - React, Tailwind, and code Playground
HTML
<div id="newTab">
<p>The music is playing in a new tab</p>
<audio controls>
<source src="http://www.noiseaddicts.com/samples/4936.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</div>
<a href="javascript:;" id="link">Open music</a>
CSS
#newTab {
display: none;
}
JavaScript
function newTabFunction() {
var w = window.open();
var html = $("#newTab").html();
$(w.document.body).html(html);
}
$(function() {
$("a#link").click(newTabFunction);
});