blocks|key|426548|text|function+isPlaying(audelem)+{+return+!audelem.paused;+}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|426549|Audio标签有一个paused属性。如果它没有暂停，那么它正在播放。|unstyled|offset|length|style|CODE|426550|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/paused^0|0|A|6|A|6|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|T|8|@$G|U|H|V|I|J]]|9|@$G|W|H|X|1|Y]]|A|$]]|$1|K|3|-4|5|F|7|Z|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

<pre><code>function isPlaying(audelem) { return !audelem.paused; }
</code></pre>

The Audio tag has a <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/paused" rel="noreferrer"><code>paused</code></a> property. If it is not paused, then it's playing.

blocks|key|641039|text|您可以查看持续时间。如果持续时间超过0秒且未暂停，则播放。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|641040|var+myAudio+=+document.getElementById('myAudioID');

if+(myAudio.duration+>+0+&&+!myAudio.paused)+{

++++//Its+playing...do+your+job

}+else+{

++++//Not+playing...maybe+paused,+stopped+or+never+played.

}|code-block|syntax|javascript|641041|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can check the duration. It is playing if the duration is more than 0 seconds and it is not paused. 

<pre><code>var myAudio = document.getElementById('myAudioID');

if (myAudio.duration &gt; 0 &amp;&amp; !myAudio.paused) {

 //Its playing...do your job

} else {

 //Not playing...maybe paused, stopped or never played.

}
</code></pre>

blocks|key|426728|text|虽然我在这个线程中使用得很晚，但我使用这个实现来确定声音是否正在播放：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|426729|service.currentAudio+=+new+Audio();

var+isPlaying+=+function+()+{
++++return+service.currentAudio
++++++++&&+service.currentAudio.currentTime+>+0
++++++++&&+!service.currentAudio.paused
++++++++&&+!service.currentAudio.ended
++++++++&&+service.currentAudio.readyState+>+2;
}|code-block|syntax|javascript|426730|我认为除了你可以在这里读到的就绪状态之外，音频元素上的大多数标志都是显而易见的：MDN+HTMLMediaElement.readyState。|offset|length|426731|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/readyState^0|0|0|14|V|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

While I am really late to this thread, I use this implementation to figure out if the sound is playing:

<pre><code>service.currentAudio = new Audio();

var isPlaying = function () {
 return service.currentAudio
 &amp;&amp; service.currentAudio.currentTime &gt; 0
 &amp;&amp; !service.currentAudio.paused
 &amp;&amp; !service.currentAudio.ended
 &amp;&amp; service.currentAudio.readyState &gt; 2;
}
</code></pre>

I think most of the flags on the audio element are obvious apart from the ready state which you can read about here: <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/readyState" rel="noreferrer">MDN HTMLMediaElement.readyState</a>.

blocks|key|426439|text|document.getElementsByTagName('audio').addEventListener('playing',function()+{+myfunction();+},false);+|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|426440|应该能行得通。|unstyled|426441|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>document.getElementsByTagName('audio').addEventListener('playing',function() { myfunction(); },false); 
</code></pre>

Should do the trick.

blocks|key|641102|text|试试这个函数吧！如果位置是开始或结束，则不会执行音频播放|type|unstyled|depth|inlineStyleRanges|entityRanges|data|641103|function+togglePause()+{
+++++if+(myAudio.paused+&&+myAudio.currentTime+>+0+&&+!myAudio.ended)+{
+++++++++myAudio.play();
+++++}+else+{
+++++++++myAudio.pause();
+++++}
}|code-block|syntax|javascript|641104|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try this function!
Audio playing would not be executed if the position is the beginning or ending

<pre><code>function togglePause() {
 if (myAudio.paused &amp;&amp; myAudio.currentTime &gt; 0 &amp;&amp; !myAudio.ended) {
 myAudio.play();
 } else {
 myAudio.pause();
 }
}
</code></pre>

blocks|key|641454|text|我想知道这段代码是否能正常工作，它真的很神奇：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|641455|if+(a.paused+==+false)+{
/*do+something*/
}|code-block|syntax|javascript|641456|或者你可以这样写：|641457|if+(!a.paused+==+true)+{
/*do+something*/
}|641458|如果你想让你的集成开发环境在JSfiddle中困扰你。|641459|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I wondered if this code would work, and it amazingly did:
<pre><code>if (a.paused == false) {
/*do something*/
}
</code></pre>
or you could write it as:
<pre><code>if (!a.paused == true) {
/*do something*/
}
</code></pre>
if you want your IDE annoying you in JSfiddle.

blocks|key|641395|text|试试下面的代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|641396|++++var+myAudio+=+document.getElementById("audioFile");+

++++function+playAudio()+{+
++++++++++//audio.play();+
++++++++++//console.log(audio.play())
+++++++++++if+(myAudio.paused+&&+myAudio.currentTime+>=+0+&&+!myAudio.started)+{
+++++++++myAudio.play();
+++++++++console.log("started");
+++++}+else+{
+++++++++myAudio.pause();
+++++}
}|code-block|syntax|javascript|641397|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try Out This Code:
<pre class="lang-js prettyprint-override"><code> var myAudio = document.getElementById(&quot;audioFile&quot;); 

 function playAudio() { 
 //audio.play(); 
 //console.log(audio.play())
 if (myAudio.paused &amp;&amp; myAudio.currentTime &gt;= 0 &amp;&amp; !myAudio.started) {
 myAudio.play();
 console.log(&quot;started&quot;);
 } else {
 myAudio.pause();
 }
}
</code></pre>

blocks|key|426780|text|要检查音频是否真的开始播放，特别是如果你有一个流，需要检查audio.played.length到1。只有当音频是真正的开始声音时，它才会是1。否则将为0。它更像是一个黑客工具，但即使在Safari和Chrome等移动浏览器中也能正常工作。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|426781|entityMap^0|T|J|1D|1|24|1|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|O|8|@]|D|@]|E|$]]]|G|$]]

To check if audio is really start playing, especially if you have a stream, need to check <code>audio.played.length</code> to <code>1</code>. It will be 1 only if audio is really start sounds. Otherwise will be <code>0</code>. It's more like a hack, but that still works even in mobile browsers, like Safari and Chrome.

blocks|key|426839|text|您可以使用onplay事件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|426840|var+audio+=+document.querySelector('audio');
audio.onplay+=+function()+{+/*+do+something+*/};|code-block|syntax|javascript|426841|或|426842|var+audio+=+document.querySelector('audio');
audio.addEventListener('play',+function()+{+/*+do+something+*/+};|426843|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

you can to use the onplay event.

<pre><code>var audio = document.querySelector('audio');
audio.onplay = function() { /* do something */};
</code></pre>

or

<pre><code>var audio = document.querySelector('audio');
audio.addEventListener('play', function() { /* do something */ };
</code></pre>

blocks|key|426900|text|我使用这段jquery代码，有两个按钮播放和停止，播放按钮是一个播放和鼠标按钮|type|unstyled|depth|inlineStyleRanges|entityRanges|data|426901|const+help_p+=+new+Audio("audio/help.mp3");//Set+Help+Audio+Name
$('#help_play').click(function()+{//pause-Play
if+(help_p.paused+==+false)+{
++help_p.pause();//pause+if+playing
}+else+{
++help_p.play();//Play+If+Pausing
}
});

$('#help_stop').click(function()+{//Stop+Button
++help_p.pause();//pause
++help_p.currentTime+=+0;+//Set+Time+0
});|code-block|syntax|javascript|426902|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

am using this jquery code withe tow button play and stop, play button is a play and pouse button

<pre><code>const help_p = new Audio("audio/help.mp3");//Set Help Audio Name
$('#help_play').click(function() {//pause-Play
if (help_p.paused == false) {
 help_p.pause();//pause if playing
} else {
 help_p.play();//Play If Pausing
}
});

$('#help_stop').click(function() {//Stop Button
 help_p.pause();//pause
 help_p.currentTime = 0; //Set Time 0
});
</code></pre>

blocks|key|427042|text|我是这样做的|type|unstyled|depth|inlineStyleRanges|entityRanges|data|427043|++++<button+id="play">Play+Sound</button>
<script>
++++var+sound+=+new+Audio("path_to_sound.mp3")
++++sound.loop+=+false;
++++var+play+=+document.getElementById("play")
++++play.addEventListener("click",+()+=>+{
++++++++if+(!isPlaying())+{
++++++++++++sound.play()
++++++++}+else+{
++++++++++++//sound.pause()++
++++++++}
++++})

++++function+isPlaying()+{
++++++++var+infoPlaying+=+false
++++++++var+currentTime+=+sound.currentTime+==+0+?+true+:+false
++++++++var+paused+=+sound.paused+?+true+:+false
++++++++var+ended+=+!sound.ended+?+true+:+false
++++++++var+readyState+=+sound.readyState+==+0+?+true+:+false
++++++++if+(currentTime+&&+paused+&&+ended+&&+readyState)+{
++++++++++++infoPlaying+=+true
++++++++}+else+if+(!currentTime+&&+!paused+&&+ended+&&+!readyState)+{
++++++++++++infoPlaying+=+true
++++++++}
++++++return+infoPlaying
++++}
</script>|code-block|syntax|javascript|427044|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I do this way
<pre><code> &lt;button id=&quot;play&quot;&gt;Play Sound&lt;/button&gt;
&lt;script&gt;
 var sound = new Audio(&quot;path_to_sound.mp3&quot;)
 sound.loop = false;
 var play = document.getElementById(&quot;play&quot;)
 play.addEventListener(&quot;click&quot;, () =&gt; {
 if (!isPlaying()) {
 sound.play()
 } else {
 //sound.pause() 
 }
 })

 function isPlaying() {
 var infoPlaying = false
 var currentTime = sound.currentTime == 0 ? true : false
 var paused = sound.paused ? true : false
 var ended = !sound.ended ? true : false
 var readyState = sound.readyState == 0 ? true : false
 if (currentTime &amp;&amp; paused &amp;&amp; ended &amp;&amp; readyState) {
 infoPlaying = true
 } else if (!currentTime &amp;&amp; !paused &amp;&amp; ended &amp;&amp; !readyState) {
 infoPlaying = true
 }
 return infoPlaying
 }
&lt;/script&gt;
</code></pre>

blocks|key|426502|text|虽然没有名为isPlaying的方法或类似的方法，但有几种方法可以实现这一点。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|426503|此方法获取播放音频时的进度百分比：|426504|function+getPercentProg()+{
++++var+myVideo+=+document.getElementById('myVideo');
++++var+endBuf+=+myVideo.buffered.end(0);
++++var+soFar+=+parseInt((endBuf+/+myVideo.duration)+*+100);
++++document.getElementById('loadStatus').innerHTML+=++soFar+%2B+'%25';
}|code-block|syntax|javascript|426505|如果percent大于0小于100，则表示正在播放，否则将停止。|426506|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

While there is no method called isPlaying or something similar, there are a few ways to accomplish this.

This method gets the % of progress as audio is playing:

<pre><code>function getPercentProg() {
 var myVideo = document.getElementById('myVideo');
 var endBuf = myVideo.buffered.end(0);
 var soFar = parseInt((endBuf / myVideo.duration) * 100);
 document.getElementById('loadStatus').innerHTML = soFar + '%';
}
</code></pre>

If percent is greater than 0 and less than 100, it is playing, else it is stopped.

What's the javascript api for checking if an html5 audio element is currently playing?

HTML5 check if audio is playing?

集成开发环境

检查当前是否正在播放html5音频元素的javascript api是什么？

问HTML5检查音频是否正在播放？
EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML5检查音频是否正在播放？EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML5检查音频是否正在播放？
EN