带有 html5 音频标签的 Steam 浏览器答案

【问题标题】：Steam Browser with html5 audio tag带有 html5 音频标签的 Steam 浏览器
【发布时间】：2013-06-13 18:00:17
【问题描述】：

我目前正在制作一个小应用程序，主要用于 Steam 浏览器。但是，我在播放音频标签时遇到了一些问题。虽然http://html5test.com/ 网站暗示它确实支持音频标签。

有没有其他人在 Steam 浏览器中成功使用过这些东西？

我尝试了几种文件格式，.wav、.mp3、.ogg

这是代码，它在 IE10、FF 和 Chrome 中运行良好。

<script type="text/javascript">
    var lastPlayer = null;
    var loopAudio = false;

    function play_sound(file)
    {
        if (is_playing()) { return }

        lastPlayer = file;

        lastPlayer.addEventListener('ended', function() {
            if (loopAudio == true) {
                lastPlayer.play();
            }
        }, false);

        lastPlayer.play();
    };

    function stop_sound()
    {
        lastPlayer.pause();
        lastPlayer.currentTime = 0;
    };

    function loop_sound()
    {
        if (loopAudio === false) { loopAudio = true }
        else { loopAudio = false }
    };

    function is_playing()
    {
        if (lastPlayer === null) { return false; }
        else { return !lastPlayer.ended && 0 < lastPlayer.currentTime; }
    };
</script>

HTML

<audio id="Calm_waves" src="http://localhost/Calm_waves.mp3" preload="none"></audio>
<button class="span2 btn btn-large btn-primary" onclick="javascript:play_sound(Calm_waves);">Calm Waves</button>

【问题讨论】：

标签： javascript html audio browser steam

【解决方案1】：

进一步修改后，我设法使用 ogg 格式使其工作，虽然我之前尝试过这种格式，但我再次尝试使用 WebM 项目站点中推荐的转换器之一。 http://www.mirovideoconverter.com/

【讨论】：