albertone74
albertone74

Reputation: 17

HTML5 audio tag not playing anymore in Chrome 58.0.3029.81

Since last Google Chrome update 58.0.3029.81 my code doesn't wok anymore:

        <audio id="player" src="http://serverip/stream.m3u" type="audio/mpeg"></audio>
<div>
<button onclick="document.getElementById('player').play()">Play</button>
<button onclick="document.getElementById('player').pause()">Pause</button>
<button onclick="document.getElementById('player').volume += 0.1">Vol+ </button>
<button onclick="document.getElementById('player').volume -= 0.1">Vol- </button>
</div>

I can confirm that the above code works perfectly on another laptop with an older Google Chrome version 50.0.2661.95. I also checked on a MacBook with Safari and it works fine as well.

I would really appreciate if someone could shed some light as I am really struggling to find a working solution.

Many thanks for your kind help!

Upvotes: 0

Views: 1976

Answers (2)

albertone74
albertone74

Reputation: 17

All sorted. I ended up changing the stream from .m3u to .mp3 and it worked like a charm! Thanks for your help and for confirming that .mp3 was working for you. That helped me to find the solution for me.

Upvotes: 0

Your Code Is Perfectly Work Fine in Chrome update 58.0.3029.81 !!

You Can Try To Reset Your Browser Settings and Then Try This i Hope Its Work For You !!:
chrome://settings/search#reset

<audio id="player" src="C:\Users\Rishii\Downloads\Parineeti-Chopra-Ayushman.mp3" type="audio/mp3"></audio>
<div>
<button onclick="document.getElementById('player').play()">Play</button>
<button onclick="document.getElementById('player').pause()">Pause</button>
<button onclick="document.getElementById('player').volume += 0.1">Vol+ </button>
<button onclick="document.getElementById('player').volume -= 0.1">Vol- </button>
</div>

Upvotes: 1

Related Questions