title: MP3 file's duration infinity in desktop / iOS SAFARI
body: <p>I am trying to play this audio file in a native html5 audio tag. IN <strong>DESKTOP SAFARI</strong> / <strong>iOS SAFARI</strong></p>
  <p>here is the link to the file: <code>https://primetime.a.bluejeans.com/a2m/static/6a1ea7f4ef34458f0b9b/static/a2m_player/intro_bgm.mp3</code></p>
  <p>Now, it has a couple of issues:</p>
  <ol>
  <li><p>The duration is <strong>INFINITY</strong> ( checked after <code>loadedmetadata</code> event, and also after every <code>timeupdate</code>.</p>
  </li>
  <li><p>The audio doesn't play fully, it <strong>stops abruptly with NO errors</strong> at random times, ex at 50th second / 72nd second. the last event in this case is <code>timeupdate</code> only.</p>
  </li>
  <li><p>Html5 media tag's controls show &quot;<strong>Live Broadcast</strong>&quot;. ( in the UI I mean )</p>
  </li>
  </ol>
  <p>below are the request and responses recorded from Charles (2 requests/responses):</p>
  <p>REQUEST 1:</p>
  <pre><code>GET /a2m/static/6a1ea7f4ef34458f0b9b/static/a2m_player/intro_bgm.mp3 HTTP/1.1
  Host: primetime.a.bluejeans.com
  Accept-Language: en-us
  X-Playback-Session-Id: 174A3981-F3E3-4F49-A17B-BEBE88764552
  Icy-Metadata: 1
  Accept: */*
  User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Safari/605.1.15
  Referer: https://fiddle.jshell.net/
  Accept-Encoding: identity
  Connection: Keep-Alive
  Pragma: no-cache
  Cache-Control: no-cache
  </code></pre>
  <p>RESPONSE 1 (showing only header):</p>
  <pre><code>HTTP/1.1 200 OK
  x-amz-id-2: l4souPN96kHUVyThsqJZHllkVN873tbsPwk80hq94cixXcRKl3CTdO6HS32AbutMLInBSOXAZe8=
  x-amz-request-id: 4122A053E2768F35
  x-amz-replication-status: COMPLETED
  x-amz-version-id: jAKAQ6MTbVed.NthIiH9ZOoLEWHRC95Z
  Content-Type: audio/mpeg
  Server: AmazonS3
  Vary: Accept-Encoding
  Date: Wed, 25 Nov 2020 16:43:00 GMT
  Transfer-Encoding: chunked
  Connection: keep-alive
  Connection: Transfer-Encoding
  Referrer-Policy: strict-origin-when-cross-origin
  Access-Control-Max-Age: 86400
  Access-Control-Allow-Credentials: false
  Access-Control-Allow-Headers: *
  Access-Control-Allow-Methods: GET,POST
  Access-Control-Allow-Origin: *
  Strict-Transport-Security: max-age=86400 ; includeSubDomains ; preload
  Expires: 0
  Cache-Control: no-cache
  </code></pre>
  <p>REQUEST 2:</p>
  <pre><code>GET /a2m/static/6a1ea7f4ef34458f0b9b/static/a2m_player/intro_bgm.mp3 HTTP/1.1
  Host: primetime.a.bluejeans.com
  Accept-Language: en-us
  X-Playback-Session-Id: 174A3981-F3E3-4F49-A17B-BEBE88764552
  Icy-Metadata: 1
  Accept: */*
  User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Safari/605.1.15
  Referer: https://fiddle.jshell.net/
  Accept-Encoding: identity
  Connection: Keep-Alive
  Pragma: no-cache
  Cache-Control: no-cache
  </code></pre>
  <p>RESPONSE 2:</p>
  <pre><code>HTTP/1.1 200 OK
  x-amz-id-2: l4souPN96kHUVyThsqJZHllkVN873tbsPwk80hq94cixXcRKl3CTdO6HS32AbutMLInBSOXAZe8=
  x-amz-request-id: 4122A053E2768F35
  x-amz-replication-status: COMPLETED
  x-amz-version-id: jAKAQ6MTbVed.NthIiH9ZOoLEWHRC95Z
  Content-Type: audio/mpeg
  Server: AmazonS3
  Vary: Accept-Encoding
  Date: Wed, 25 Nov 2020 16:43:00 GMT
  Transfer-Encoding: chunked
  Connection: keep-alive
  Connection: Transfer-Encoding
  Referrer-Policy: strict-origin-when-cross-origin
  Access-Control-Max-Age: 86400
  Access-Control-Allow-Credentials: false
  Access-Control-Allow-Headers: *
  Access-Control-Allow-Methods: GET,POST
  Access-Control-Allow-Origin: *
  Strict-Transport-Security: max-age=86400 ; includeSubDomains ; preload
  Expires: 0
  Cache-Control: no-cache
  </code></pre>
  <p><em>CHECK OUT THE ISSUE LIVE: <a href="https://jsfiddle.net/y7whr25a/2/" rel="nofollow noreferrer">https://jsfiddle.net/y7whr25a/2/</a></em></p>
  <p><strong>Also please note that I have tried many answers from the web such as checking if server supports Range Requests (yes it does) and adding Range / Content Length /  Accepted Ranges / 206 http response code By rewriting request/response in Charles but nothing worked, I'm about to lose all hope.</strong></p>
  <p><strong>here is the same file but hosted on google drive, THIS WORKS IDK HOW:</strong> <a href="https://drive.google.com/u/1/uc?id=1b6UcqEb5_opUIR2eLzMghtAIQGYV2q8f&amp;export=download" rel="nofollow noreferrer">https://drive.google.com/u/1/uc?id=1b6UcqEb5_opUIR2eLzMghtAIQGYV2q8f&amp;export=download</a></p>