我目前正在制作一个小应用程序,主要用途将来自蒸汽浏览器。但是,我在播放音频标签时遇到了一些问题。尽管网站http://html5test.com/表明它确实支持音频标签。
有没有其他人在蒸汽浏览器中取得了这样的成功?
我尝试了几种文件格式,.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>