<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Access-Control-Allow-Origin" content="*">
<link rel="stylesheet" href="style.css">
<!-- audio plugin stylesheet -->
<link rel="stylesheet" href="https://releases.flowplayer.org/7.2.1/skin/skin.css">
<link rel="stylesheet" href="https://releases.flowplayer.org/audio/flowplayer.audio.css">
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<!-- load the Flowplayer script -->
<script src="https://releases.flowplayer.org/7.2.1/flowplayer.min.js"></script>
<!-- hlsjs engine to play HLS without Flash in modern browsers -->
<script src="https://releases.flowplayer.org/hlsjs/flowplayer.hlsjs.min.js"></script>
<!-- load the latest version of the audio plugin -->
<script src="https://releases.flowplayer.org/audio/flowplayer.audio.min.js"></script>
</head>
<body>
<h2>Flowplayer MP3 HLS</h2>
<p>Issue: Audio plays in Chrome, Firefox and Safari browsers, but does not play in Windows 10 Internet Explorer 11.
<br> On Windows 7 - IE 11 (MSE is not supported fallback player uses flash). </p>
<div id="mixed" class="fp-edgy"></div>
<br><br>
<div id="player" class="fp-edgy"></div>
<script src="script.js"></script>
</body>
</html>
window.onload = function () {
flowplayer("#mixed", {
//autoplay: true,
ratio: 9 / 16,
clip: {
hlsjs: {
safari: true
},
audio: true,
//coverImage: coverImage,
sources: [
{
type: "application/x-mpegurl",
//plays in both Chrome and IE, but it does not use .mp3/playlist.m3u8
//src: "https://edge.flowplayer.org/fake_empire.m3u8"
//plays in Win 10 browsers Chrome and Firefox, but not IE 11
src: "https://59dfbccf40854.streamlock.net/bio/mp3:201017.mp3/playlist.m3u8"
},
]
}
});
flowplayer("#player", {
autoplay: false,
ratio: 9/16,
audioOnly: true,
clip: {
hlsjs: {
safari: true
},
coverImage: "https://releases.flowplayer.org/data/national.jpg",
sources: [
{
type: "application/x-mpegurl",
src: "https://59dfbccf40854.streamlock.net/bio/mp3:201017.mp3/playlist.m3u8"
}
]
}
})
};
/* mixed playlist player */
#mixed {
background-color: #036;
}
/* make cover image fill container width */
#mixed.is-audio .fp-player {
background-size: cover; /* default: contain */
background-position: top center; /* default: center */
}
/* icecast player */
.flowplayer.is-audio-only {
max-width: 400px;
background-color: #eee;
}
/* keep this controlbar-only player always at same height */
.flowplayer.is-audio-only.is-small,
.flowplayer.is-audio-only.is-tiny {
font-size: 16px;
}
Issue: Audio plays in Chrome, Firefox and Safari browsers, but does not play in Windows 10 Internet Explorer 11. <br> On Windows 7 - IE 11 (MSE is not supported fallback player uses flash).
Also, timestamp shows Infinity:0NaN:0NaN