HTML5音频标签在Safari上存在延迟。

9 浏览
0 Comments

HTML5音频标签在Safari上存在延迟。

我试图实现一种类似涂鸦的简单行为，即在点击时使用HTML标签播放mp3/ogg声音。它应该在Firefox、Safari和Safari iPad上都能正常工作。

我尝试了许多方法，最终找到了以下解决方案：

HTML

JS

function addSource(elem, path) {
    $('').attr('src', path).appendTo(elem);
}
$(document).ready(function() {
    $('body').delegate('.play', 'click touchstart', function() {
        var clicked = $(this).attr('id').split('-')[1];
        $('#' + clicked + '-note').get(0).play();
    });
});

这在Firefox下效果很好，但是在Safari中点击时似乎有延迟，即使你点击多次并且音频文件已加载。在iPad上的Safari表现几乎是不可预测的。

此外，当我在本地测试时，Safari的性能似乎有所提高，我猜测Safari每次都在下载文件。这是可能的吗？我该如何避免这种情况？

谢谢！

0