Search code examples
javascriptgoogle-chromehtml5-audiowildfly-10

audio tag not working in google chrome


I am trying to stream an audio file in google chrome . The file is hosted at a wildfly server. Below is the sample code

<html>
<head>
    <title>Audio Demo</title>
    <script type="text/javascript">
        function updateSource(){
            var audio = document.getElementById('wavSource');
            audio.src = 'https://SERVER_URL:8443/FILE_PATH/FILE_NAME.wav';
            var a = document.getElementById('audio');
            a.load();
        }
    </script>
</head>
<body>
    <audio id="audio" controls="controls">
        <source id="wavSource" src="" type="audio/wav"></source>
        Your browser does not support the audio format.
    </audio>
    <button onclick="updateSource();">Item1</button>
</body>

When the button is clicked, the audio.src is set to the specified file. This sample code works fine in firefox but does not work in google chrome. If I paste the audio file link in a tab, then also nothing happens (not able to play), But I am able to save the file.

On the server side a softlink is created in deployment directory which points to the audio file location.

Some other things that I have noticed is that if I am bundling the audio file in an EAR, then I can access it. Now that the audio file is being generated on the fly in a different location , for which I have created a softlink in deployment directory. In this case I am not able to play it.

Can some one please tell me what is that I am doing wrong?

Thank you


Solution

  • I have finally solved the issue. It is related to Wildfly 10.0.0. See this link.