Steam浏览器与html5音频标签

Steam Browser with html5 audio tag

本文关键字:音频 标签 html5 浏览器 Steam      更新时间:2023-09-26

我目前正在制作一个小应用程序,其主要用途将来自蒸汽浏览器。然而,我有一些问题得到音频标签发挥。虽然网站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/