Question

这个脚本有效：但有人知道如何改变javascript，所以// line1上的'var aud'是当前播放的音频 - ＆gt; （即我的7个音频片段中的任何一个恰好在那个时候播放），关于'this'的事情？感谢

<script>
var aud = document.getElementById("myAudio"); //line1
aud.onplay = function() { 
var aud1 = document.getElementById("myAudio1");
aud1.currentTime = 0;
aud1.pause();
};

</script>

Answer 1

<script type="text/javascript">
    var aud = document.getElementById("myAudio"); //line1
    var audio = []
    for (var i = 1; i <= 7; i++){                                       
        aud.onplay = function() { 
        var audio[i] = document.getElementById("myAudio"+i);
        audio[i].currentTime = 0;
        audio[i].pause();
        };
    }

</script>

这应该有效。如果没有分享评论！

Answer 2

＆＃13;

var audios = document.getElementsByTagName('audio');
console.log(audios)
for(var i in audios)
if(audios.hasOwnProperty(i)){
  var t = audios[i];
  t.onplay = function(){
    alert(t.innerHTML)
  }
}

＆＃13;

<audio controls="">
  <source src="https://www.w3schools.com/tags/horse.ogg" type="audio/ogg">
  <source src="https://www.w3schools.com/tags/horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio><audio controls="">
  <source src="https://www.w3schools.com/tags/horse.ogg" type="audio/ogg">
  <source src="https://www.w3schools.com/tags/horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio><audio controls="">
  <source src="https://www.w3schools.com/tags/horse.ogg" type="audio/ogg">
  <source src="https://www.w3schools.com/tags/horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

＆＃13;

Answer 3

为您的所有音频元素添加一个事件侦听器，然后使用此代码，它应该console.log无论哪个触发事件。如果可行，则对触发事件的音频元素执行任何操作。

var aud = document.getElementsByTagName("audio");
aud.onplaying = function() {
    console.log(this);
    var playingAudio = this;
    playingAudio.pause();
}

如何使javascript变量播放当前的音频片段

3 个答案: