Home/ Questions/Q 8778493
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T19:33:09+00:00

I’m trying to create my own audio player. I’ve checked it in Google Chrome

  • 0

I’m trying to create my own audio player. I’ve checked it in Google Chrome and everything is working good. But when I try to use it in Firefox and Opera (last versions) it does not. For example I have:

<!DOCTYPE html>
<head>
</head>
<body>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <div id="play">click me</div>
    <audio class="tr_audio">
       <source src="ogg/track1.ogg" type="audio/ogg; codecs='vorbis'">
       <source src="track1.mp3" type="audio/mpeg; codecs='mp3'">
    </audio>
    <script>
        $("#play").click(function() {
            $("audio").get(0).play();
            alert($("audio").get(0));
        });
    </script>
</body>

It work’s fine in Chrome, but doesn’t work in Opera and Firefox. Why?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Using your code and testing it in firefox made it clear that the problem was the codecs. The following lines were copied from the firefox console log:

    [10:20:19.068] Specified "type" attribute of "audio/ogg; codecs=’vorbis’" is not supported. Load of media resource Example.ogg failed. @ http://example.com/

    [10:20:19.068] Specified "type" attribute of "audio/mpeg; codecs=’mp3’" is not supported. Load of media resource Example.mp3 failed. @ http://example.com/

    Then, removing the codecs specification from the type attribute made it work in Firefox, Safari and Opera.

    <audio class="tr_audio">
   <source src="ogg/track1.ogg" type="audio/ogg">
   <source src="track1.mp3" type="audio/mpeg">
</audio>

    I hope it helped. Cheers

    • 0