2012-05-18 27 views
5

मैं बिल्कुल हर जगह रहा हूं (मुझे लगता है) और एचटीएमएल 5 ऑडियो कंट्रोलर में स्टॉप इवेंट को कॉल करने का कोई तरीका नहीं दिख रहा है। मेरे ऑडियो कंट्रोलर में एक प्लेलिस्ट है जहां प्रत्येक ट्रैक चयनित होगा या प्रत्येक ट्रैक के माध्यम से अगले ट्रैक के दौरान चक्र होगा। एक अगला बटन भी है जो काम करता है।एचटीएमएल 5 ऑडियो कंट्रोल स्टॉप बटन (विराम के विपरीत)

मेरे चलाएं/रोकें बटन ऐसा दिखाई देता:

` function playPause() { 
     var audioPlayer = document.getElementsByTagName('audio')[0]; 
     if(audioPlayer!=undefined) { 
      if (audioPlayer.paused) { 
       audioPlayer.play(); 
      } else { 
       audioPlayer.pause(); 
      } 
     } else { 
      loadPlayer(); 
     } 
    } 
` 

मैं एक "बंद करो" बटन है कि ऑडियो बंद हो जाता है और ट्रैक वर्तमान में खेला जा रहा की शुरुआत करने के लिए वापस चला जाता है की जरूरत है। मैंने किसी भी तरह से वर्तमान प्लेबैक पोस्टियन का उपयोग करने के बारे में सोचा, लेकिन मेरे सिर को उसके चारों ओर नहीं मिल सकता है।

मैं भी इस (एक और सवाल में यहाँ सलाह द्वारा रूपांतरित) की कोशिश की है, कोई लाभ नहीं हुआ:

` function stop() { 
     var audioPlayer = document.getElementsByTagName('audio'); 
     addEventListener('loadedmetadata', function() { 
     this.currentTime = 0; 
      }, false); 
     } 
` 

कोई भी विचार?

उत्तर

10

अपने चलाएं/रोकें काम कर रहा है, तो यह रोक के लिए काम करना चाहिए: जहां, खेलने रोक सकते हैं और एक ऑडियो रोक सकता

function stop() { 
    var audioPlayer = document.getElementsByTagName('audio')[0]; 
    audioPlayer.pause(); 
    audioPlayer.currentTime = 0; 
} 
+0

और इसलिए यह पूरी तरह से करता है! मुझे अपनी प्लेलिस्ट के साथ काम करने के लिए टैगनाम के बाद '[0]' जोड़ना पड़ा। धन्यवाद! (क्षमा करें मैं इसे अपनी दयनीय प्रतिष्ठा के साथ वोट नहीं दे सकता हूं।) – yolise

+0

@yolise हां, क्षमा करें, 'getElementsByTagName' एक सूची देता है। मैं आपके प्रश्न को वोट दूंगा, इससे मदद मिलेगी;) – robertc

+0

audioelement.src = audioelement.src; भी काम करता है। –

2

यहाँ, एक छोटा सा डेमो कोड है।

Live Demo

एचटीएमएल

<input type="button" value="play" id="playBtn" /> 
<input type="button" value="pause" id="pauseBtn" /> 
<input type="button" value="stop" id="stopBtn" /> 

Jquery

var source = "http://www.giorgiosardo.com/HTML5/audio/audio/sample.mp3" 
var audio = document.createElement("audio"); 
audio.src = source; 

$("#playBtn").click(function() { 
    audio.play(); 
}); 

$("#pauseBtn").click(function() { 
    audio.pause(); 
}); 

$("#stopBtn").click(function() { 
    audio.pause(); 
    audio.currentTime = 0; 
}); 

Source

0

आप मीटर बंद करना चाहते हैं USIC और आप इस कोड का उपयोग कर सकते हैं डाउनलोड आपरेशन गर्भपात:

<button id="btnStop" onclick="player.src = ''; player.src = 'song.mp3';">Stop</button> 

हम यहाँ जावा का उपयोग कर रहे गीत src बदलने के लिए और फिर इसे वहाँ वापस रख! मुश्किल लेकिन कामकाजी