I am trying to build a little radio station using Icecast.
Currently, it is accessible by an HTTP webpage including the <audio> tag which uses the Icecast mount point as audio source a.k.a. <source> tag.
While from a PC all this works fine with Google Chrome, Safari seems to not accept the stream (it is automatically downloaded as file). Similar issue for mobile browsers (no audio when pressing play).
Is it possible to solve this issue, making the audio tag compatible with all the browser currently available? If yes, how?
As suggested, I am going to update the question by adding the HTML structure of the test webpage where I am still facing this issue:
<!DOCTYPE html>
<html>
<head>
<title>Live Streming Test</title>
</head>
<body>
<h1>Live streaming test webpage</h1>
<div id="audiowrap">
<audio preload controls controlsList="nodownload">
Your browser does not support HTML5 Audio
<source src="http://192.168.1.192:8000/live-streaming" type="audio/ogg">
</audio>
</div>
</body>
</html>
If it could be useful, I am using Apache to manage HTTP requests, and this is part of the configuration file dedicated to that test page:
<VirtualHost *:80>
ServerName 192.168.1.192
DocumentRoot /var/www/html/<dir_with_the_index.html_file_above>
ErrorLog ${APACHE_LOG_DIR}/error.log
CustomLog ${APACHE_LOG_DIR}/access.log combined
</VirtualHost>
Finally, here are also the main directives of the icecast.xml configuration file:
<hostname>localhost</hostname>
<listen-socket>
<port>8000</port>
</listen-socket>