javascript - MediaElement.js可以用于播放IE6-8，Firefox和Opera的音频吗？

Question

MediaElement.js可以用于播放IE6-8，Firefox和Opera的音频吗？如果是，我们如何提供后备以使上述音频播放？

我正在使用的代码是

<div class="audio-player">
    <audio id="audio-player" src="sample.mp3" type="audio/mp3" controls="controls"></audio>
</div>

它在最新版本中可以正常工作，但是我想测试一下上述较低版本，还可以让我知道支持哪些浏览器，我应该添加什么代码才能使音频在较低版本上工作。

谢谢，并尽快感谢您的回复。

Answer 1

如果像示例中那样只是播放mp3音频，则无需设置后备即可在其他浏览器中播放。这3个选项将与您当前在Firefox，Opera，IE6 +，Chrome(以及大多数现代浏览器)中的html元素一起使用

1)。用MEJS初始化所有audio元素

$("audio").mediaelementplayer({
    // API options
});

JSFIDDLE

2)。初始化自己的选择器

$("#audio-player").mediaelementplayer({
    // API options
});

JSFIDDLE

3)。显式创建一个MediaElementPlayer对象供您自己使用

var player = new MediaElementPlayer('#audio-player', {
    // API options
});

JSFIDDLE

另外，您可以设置不同的API选项和/或在 success设置中添加事件监听器，例如:

var player = new MediaElementPlayer('#audio-player', {
    // API options
    success: function (mediaElement, domObject) {
        // optionally call the play method
        mediaElement.play();
        // or set MEJS events
        // note : canplay event won't work if preload="none"
        mediaElement.addEventListener('playing', function () {
            // audio is playing, do something here
        }, false);
        mediaElement.addEventListener('pause', function () {
            // audio was paused, do something here
        }, false);
    }
});

JSFIDDLE