javascript - 带有 html5 音频标签的 Steam 浏览器

标签 javascript html audio browser steam

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

还有其他人在 Steam 浏览器中成功实现过此类操作吗?

我尝试过多种文件格式,.wav、.mp3、.ogg

代码如下,在 IE10、FF 和 Chrome 中运行良好。

JS

<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>

最佳答案

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

关于javascript - 带有 html5 音频标签的 Steam 浏览器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17093936/

相关文章:

javascript - 使用 html 和 javascript 的随机数生成器没有给出正确的随机数作为答案

JavaScript - jQuery 区间

javascript "header"文件存储一些数据

javascript - HTML - 用户添加的变量

javascript - 在浏览器中启用/禁用同时音轨

javascript - 为什么javascript阻止并行下载?

javascript - 无法清除 jquery 模式弹出窗口上的先前文本

javascript - 如何使用 JavaScript 格式化电话字符

ruby - 在ruby中组合多个音频文件

audio - 在单元格上重复的按钮图像