javascript, play url, onStartPlaying callback

javascript, play url, onStartPlaying callback

本文关键字：callback onStartPlaying play javascript url      更新时间：2023-09-26

我播放一些音频文件：

var audio = new Audio(audioUrl);
audio.play();

开始播放后需要发送一些ajax请求。我如何从音频课上获得回调开始播放？

像这样：

callback = function ( ){
   ...ajax...
}
audio.onstartplaying = callback;

谢谢。

溶液

要使用吼叫.js库。https://github.com/goldfire/howler.js

var sound = new Howl({
  urls: ['sound.mp3', 'sound.ogg', 'sound.wav'],
  autoplay: true,
  loop: false,
  volume: 0.5,
  onplay: function() {
    console.log('On Play Callback');
  }
});

试试这个：

头条目录：

<script src="http://kolber.github.io/audiojs/audiojs/audio.min.js"></script>

正文：

<span id="textbox">click the play button</span><br><br>
<audio src="http://kolber.github.io/audiojs/demos/mp3/juicy.mp3" preload="auto"></audio>

JavaScript：

function changeText(newtext) {
    var span = document.getElementById('textbox');
    while( span.firstChild ) span.removeChild( span.firstChild );
    span.appendChild( document.createTextNode(newtext) );
}
audiojs.events.ready(function() {
    var audios = document.getElementsByTagName('audio');
    var player = audiojs.create( audios[0], {
        play: function() {
            changeText("Audio is Playing"); // change text to "Audio is Playing"
        },
        pause: function() {
            changeText("Audio is Paused"); // change text to "Audio is Paused"
        }
    });
});

JS小提琴：查看工作演示

相关文章：