我正在使用 jQuery mobile 制作一个音频应用程序,该应用程序是使用phonegap build 编译的。音频正常播放,但问题是当音频正在播放时,您点击要播放的新音频。第一个音频不会停止,但仍继续与第二个音频一起播放。我想知道如何找到一种方法来在用户点击第二个音频文件时停止第一个音频的播放。
// JavaScript Document
// Wait for Cordova to load
//
document.addEventListener("deviceready", onDeviceReady, false);
// Cordova is ready
//
function play2face() {
playAudio(cordova.file.applicationDirectory + "www/music/audio1.mp3");
}
function playras() {
playAudio(cordova.file.applicationDirectory + "www/music/audio2.mp3");
}
function playbecca() {
playAudio(cordova.file.applicationDirectory + "www/music/audio3.mp3");
}
// Audio player
//
var my_media = null;
var mediaTimer = null;
// Play audio
//
function playAudio(src) {
// Create Media object from src
my_media = new Media(src, onSuccess, onError);
// Play audio
my_media.play();
// Update my_media position every second
if (mediaTimer == null) {
mediaTimer = setInterval(function() {
// get my_media position
my_media.getCurrentPosition(
// success callback
function(position) {
if (position > -1) {
setAudioPosition((position) + " sec");
}
},
// error callback
function(e) {
console.log("Error getting pos=" + e);
setAudioPosition("Error: " + e);
}
);
}, 1000);
}
}
// Pause audio
//
function pauseAudio() {
if (my_media) {
this.my_media.pause();
}
}
// Stop audio
//
function stopAudio() {
if (my_media) {
this.my_media.stop();
}
clearInterval(mediaTimer);
mediaTimer = null;
}
// onSuccess Callback
//
function onSuccess() {
console.log("playAudio():Audio Success");
}
// onError Callback
//
function onError(error) {
alert('code: ' + error.code + '\n' +
'message: ' + error.message + '\n');
}
// Set audio position
//
function setAudioPosition(position) {
document.getElementById('audio_position').innerHTML = position;
}
HTML
播放音乐|暂停音乐|停止音乐
播放音乐 |暂停音乐|停止音乐
播放音乐 |暂停音乐|停止音乐
最佳答案
在 playAudio(src)
函数顶部调用 stopAudio()
?
像这样:
function playAudio(src) {
stopAudio();
//rest of your function
}
关于javascript - 当用户点击播放不同的音频时停止第一个音频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34515722/