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

Posted 2023-02-16

【中文标题】带有 html5 音频标签的 Steam 浏览器

【英文标题】：Steam Browser with html5 audio tag

【发布时间】：2013-06-13 18:00:17

【问题描述】：

我目前正在制作一个小应用程序，主要用于 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>

【参考方案1】：

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