<!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