काम नहीं कर रहा

Question

मैं इस सरल कोड के साथ HTML5 ऑडियो टैग के साथ काम कर रहा हूँ ऑडियो टैग के साथ सफारी:

एचटीएमएल

<audio id="audioFrenata"> 
<source src="sounds/frenata.ogg"> 
<source src="sounds/frenata.mp3"></audio> 

जे एस

$('#audioFrenata').on('ended', function() { 
     manageImageObjectsLevel(); 
    }).get(0).play(); 

क्रोम के साथ इस उम्मीद के रूप में काम करता है, सफारी के साथ 5.1.7 आईपैड 3 पर विंडोज और सफारी पर मुझे यह मिलता है:

'undefined' is not a function (evaluating '$('#audioFrenata').on('ended', function() { 
manageImageObjectsLevel(); 
}).get(0).play()') 

किसी को भी इसका विचार क्यों है?

Answer 1

जांचें कि क्या आप चाहते हैं कि HTML5 कार्यक्षमता आपके द्वारा वर्णित ब्राउज़र में समर्थित है। आप इसे here देख सकते हैं। आशा है कि यह आपकी मदद करेगा।

Answer 2

आईडी गलत लगता है।

$('#audioLevel').on('ended', function() { 
    manageImageObjectsLevel(); 
}).get(0).play(); 

यह

$('#audioFrenata').on('ended', function() { 
    manageImageObjectsLevel(); 
}).get(0).play(); 

एचटीएमएल नीचे का प्रयोग करें

<audio id="audioFrenata" controls="controls"> 
    <source src="sounds/frenata.ogg" type="audio/ogg"> 
    <source src="sounds/frenata.mp3" type="audio/mpeg"> 
</audio>​ 

देखें LIVE DEMO

Answer 3

मैं ठीक उसी समस्या पड़ा है होना करने के लिए लगता है, और मैंने पाया है कि सफारी में निम्नलिखित प्रतिबंधों के कारण:

सफारी में iOS पर है, जहां उपयोगकर्ता एक सेलुलर नेटवर्क पर हो सकता है और प्रति डेटा इकाई शुल्क लिया, प्रीलोड और ऑटोप्ले विकलांग कर रहे हैं (, आईपैड सहित सभी उपकरणों के लिए)। जब तक उपयोगकर्ता इसे शुरू नहीं करता तब तक कोई डेटा लोड नहीं होता है। इसका अर्थ यह है कि जब तक उपयोगकर्ता प्लेबैक शुरू नहीं करता तब तक जावास्क्रिप्ट प्ले() और लोड() विधियां भी निष्क्रिय होती हैं, जब तक कि प्ले() या लोड() विधि उपयोगकर्ता क्रिया द्वारा ट्रिगर नहीं की जाती। दूसरे शब्दों में, उपयोगकर्ता द्वारा शुरू किया गया प्ले बटन काम करता है, लेकिन एक ऑनलोड = "play()" ईवेंट नहीं करता है।

संदर्भ: इसे हल करने http://developer.apple.com/library/safari/#documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html

एक तरह से, डिफ़ॉल्ट रूप से ऑडियो म्यूट करने के आप एक HTML5 ऑडियो वस्तु का उदाहरण बना सकते हैं और स्टोर है कि एक में कर सकते हैं, और जब उपयोगकर्ता "गैर-म्यूट" "स्थिर"/"वैश्विक" variabel और आगे प्लेबैक के लिए उपयोग करें।

- अद्यतन

यहाँ एक ऐसे ब्लॉग पोस्ट समस्या का वर्णन करते है और यह कैसे से निपटने के लिए: Autoplay audio files on an iPad with HTML5

और यहाँ एक इस प्रकार है: http://blog.gopherwoodstudios.com/2012/07/enabling-html5-audio-playback-on-ios.html

यहाँ एक समान stackoverflow सवाल एक ही बात पर चर्चा है जावास्क्रिप्ट "मॉड्यूल" मैंने एचटीएमएल 5 में ऑडियो के प्लेबैक को संभालने के लिए उपयोग किया है:

NS.modules.html5.audio = (function() { 

    var _snd = false; 

    function playAudio(src) { 
     if (!_snd) 
      _snd = new Audio(); 
     else 
      $(_snd).empty(); 

     for (var i = 0; i < src.length; i++) { 
      var source = document.createElement('source'); 
      source.type = src[i].type; 
      source.src = src[i].src; 
      _snd.appendChild(source); 
     } 

     _snd.load(); // Needed on safari/idevice 
     _snd.play(); 
    }; 

    var playAudio = function() { 
     var src = [ 
      { src: "/path/to/audio.wav", type: "audio/vnd.wave" }, 
      { src: "/path/to/audio.ogg", type: "application/ogg; codecs=vorbis" }, 
      { src: "/path/to/audio.mp3", type: "audio/mpeg" } 
     ]; 
     playAudio(src); 
    }; 

    return { 
     playAudio: playAudio, 
     // more play functions here 
    }; 
})(); 

Answer 4

मेरे मामले में समस्या HTML प्रारूप के कारण हुई थी, मैंने निम्न प्रारूप में स्विच किया और यह काम किया। उम्मीद है कि यह किसी को मदद मिलती है:

<audio id="audioFrenata" src="sounds/frenata.ogg"></audio> 

नोट ऊपर लेआउट में <source> तत्व की कमी है।