HTML5 Audio Safari Woes

Question

Просто быстрое редактирование на основе отзывов: большая часть этой проблемы - моя неопытность. Если вы можете дать мне несколько советов о том, как исследовать/отлаживать, я бы очень благодарен. Еще раз спасибо. Найл

У меня есть эта функция/плагин для воспроизведения звуков, когда элемент щелкнул:

(function($){ 
    $.fn.attachSound = function (soundSrc) 
    { 
    return this.each(function(index){ 
     var audioElement = document.createElement('audio'); 
     if (audioElement.canPlayType('audio/mpeg') == '') 
     { 
     soundSrc = soundSrc.replace('.mp3','.ogg'); 
     } 
     audioElement.setAttribute('src', soundSrc); 
     $(this).click(function() { 
     audioElement.play(); 
     }); 
    }) 
    } 
})(jQuery); 

А вот пример того, как я это называю:

$(document).ready(function(){ 
    $('#laughter-button').attachSound('sounds/laughter-elf.mp3'); 
    $('#laughter-button2').attachSound('sounds/laughter-santa.mp3'); 
}) 

До сих пор он работает в Chrome , FF, Opera и Safari (все текущие версии, я пока не тестировал IE). Проблема, с которой я столкнулась, находится в Safari, она работает только для первого пользователя. Один из способов, которым я хотел использовать эту функцию, был частью звуковой памяти, так что она не будет делать. Есть идеи?

Я довольно неопытен в программировании, и я никогда не пробовал использовать методы резервного копирования, но я готов посмотреть, как это работает. Возможно, однако, есть лучший способ, или вы можете указать мне в правильном направлении?

Спасибо, Найла

Answer 1

Проверить, если Safari поддерживает mp3 аудио/html5 на http://html5test.com/

Answer 2

Я понял, компромиссное решение. Это решение создает новый звук для каждого клика, а не только на document.ready. Недостатком является то, что он менее эффективен, но по крайней мере он работает в Safari. И есть способы, которыми я могу это улучшить. Прямо сейчас, хотя я достаточно доволен этим решением просто потому, что он работает. Сказав это, я, безусловно, открыт для лучших решений, если вы можете подумать об одном. Я, вероятно, в конечном итоге попытаюсь объединить этот код с обнюхиванием браузера или чем-то еще. Спасибо всем, кто заставил меня по-разному думать о проблеме. Найл

(function($){ 
    $.fn.attachSound = function (soundSrc) 
    { 
    return this.each(function(index){ 
     $(this).click(function() { 
     var audioElement = document.createElement('audio'); 
      if (audioElement.canPlayType('audio/mpeg') == '') 
      { 
      soundSrc = soundSrc.replace('.mp3','.ogg'); 
      } 
     audioElement.setAttribute('src', soundSrc); 
     audioElement.play(); 
     }); 
    }) 
    } 
})(jQuery);