Not displayed when JavaScript is disabled.pull/283/head
luccioman
6 years ago
parent
965c752ed5
commit
69f1971052
@ -0,0 +1,294 @@
|
||||
/*
|
||||
* Copyright (C) 2019 by luccioman; https://github.com/luccioman
|
||||
*
|
||||
* This file is part of YaCy.
|
||||
*
|
||||
* YaCy is free software: you can redistribute it and/or modify
|
||||
* it under the terms of the GNU General Public License as published by
|
||||
* the Free Software Foundation, either version 2 of the License, or
|
||||
* (at your option) any later version.
|
||||
*
|
||||
* YaCy is distributed in the hope that it will be useful,
|
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
* GNU General Public License for more details.
|
||||
*
|
||||
* You should have received a copy of the GNU General Public License
|
||||
* along with YaCy. If not, see <http://www.gnu.org/licenses/>.
|
||||
*/
|
||||
|
||||
/* Functions dedicated to control playing of YaCy audio search results */
|
||||
|
||||
/**
|
||||
* Handle embedded audio result load error.
|
||||
*
|
||||
* @param event
|
||||
* {ErrorEvent} the error event triggered
|
||||
*/
|
||||
function handleAudioLoadError(event) {
|
||||
if (event != null && event.target != null) {
|
||||
/* Fill the title attribute to provide some feedback about the error without need for looking at the console */
|
||||
if (event.target.error != null && event.target.error.message) {
|
||||
event.target.title = "Cannot play ("
|
||||
+ event.target.error.message + ")";
|
||||
} else {
|
||||
event.target.title = "Cannot play";
|
||||
}
|
||||
|
||||
/* Apply CSS class marking error for visual feedback*/
|
||||
event.target.className = "audioError";
|
||||
|
||||
/* Start playing the next audio result when "Play all" is running */
|
||||
var playerElem = document.getElementById("audioControls");
|
||||
var currentPlayAllTrack = playerElem != null ? parseInt(playerElem
|
||||
.getAttribute("data-current-track")) : -1;
|
||||
if(!isNaN(currentPlayAllTrack) && currentPlayAllTrack >= 0) {
|
||||
/* Currently playing all audio results */
|
||||
playAllNext(playerElem);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Handle embedded audio result 'playing' event : pauses any other currently
|
||||
* playing audio.
|
||||
*
|
||||
* @param event
|
||||
* {Event} a 'playing' event
|
||||
*/
|
||||
function handleAudioPlaying(event) {
|
||||
if (event != null && event.target != null) {
|
||||
var audioElems = document.getElementsByTagName("audio");
|
||||
var playerElem = document.getElementById("audioControls");
|
||||
var currentPlayAllTrack = playerElem != null ? parseInt(playerElem
|
||||
.getAttribute("data-current-track")) : -1;
|
||||
if (audioElems != null) {
|
||||
for (var i = 0; i < audioElems.length; i++) {
|
||||
var audioElem = audioElems[i];
|
||||
|
||||
if (audioElem == event.target) {
|
||||
if (!isNaN(currentPlayAllTrack) && currentPlayAllTrack >= 0) {
|
||||
if(currentPlayAllTrack == i) {
|
||||
/* Starting or resuming play of the currently selected "Play all" track */
|
||||
updatePlayAllButton(true);
|
||||
} else {
|
||||
/* Playing here a single result while "Play all" was running on a different track */
|
||||
|
||||
/* "Play all" is interrupted */
|
||||
updatePlayAllButton(false);
|
||||
|
||||
/* Update the current play all track index */
|
||||
playerElem.setAttribute("data-current-track", -1);
|
||||
}
|
||||
}
|
||||
} else if (audioElem.pause && !audioElem.paused) {
|
||||
audioElem.pause();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Handle embedded audio result 'pause' event.
|
||||
*
|
||||
* @param event
|
||||
* {Event} a 'pause' event
|
||||
*/
|
||||
function handleAudioPause(event) {
|
||||
if(event != null && event.target != null && event.target.error == null) {
|
||||
var playerElem = document.getElementById("audioControls");
|
||||
var currentPlayAllTrack = playerElem != null ? parseInt(playerElem
|
||||
.getAttribute("data-current-track")) : -1;
|
||||
if(!isNaN(currentPlayAllTrack) && currentPlayAllTrack >= 0) {
|
||||
/* Currently playing all audio results */
|
||||
var audioElems = document.getElementsByTagName("audio");
|
||||
if(audioElems != null) {
|
||||
for(var i = 0; i < audioElems.length; i++) {
|
||||
if(audioElems[i] == event.target && currentPlayAllTrack == i) {
|
||||
/* Update the "Play all" button icon to reflect the new status.
|
||||
* Do not update when pausing another track that may be already paused. */
|
||||
updatePlayAllButton(false);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Handle embedded audio result 'ended' event : start playing the next audio
|
||||
* result when the "Play all" button is pressed.
|
||||
*
|
||||
* @param event
|
||||
* {Event} a 'playing' event
|
||||
*/
|
||||
function handleAudioEnded(event) {
|
||||
if (event != null && event.target != null) {
|
||||
/* Start playing the next audio result when "Play all" is pressed */
|
||||
var playerElem = document.getElementById("audioControls");
|
||||
var currentPlayAllTrack = playerElem != null ? parseInt(playerElem
|
||||
.getAttribute("data-current-track")) : -1;
|
||||
if(!isNaN(currentPlayAllTrack) && currentPlayAllTrack >= 0) {
|
||||
/* Currently playing all audio results */
|
||||
playAllNext(playerElem);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Start playing the next audio result when one is available and update the
|
||||
* "Play all" button.
|
||||
*
|
||||
* @param playerElem
|
||||
* the player container element
|
||||
*/
|
||||
function playAllNext(playerElem) {
|
||||
if (playerElem == null) {
|
||||
return;
|
||||
}
|
||||
var audioElems = document.getElementsByTagName("audio");
|
||||
if (audioElems == null) {
|
||||
/* No more audio elements ? */
|
||||
playerElem.setAttribute("data-current-track", -1);
|
||||
updatePlayAllButton(false);
|
||||
} else {
|
||||
var currentTrack = parseInt(playerElem.getAttribute("data-current-track"));
|
||||
var nextTrack;
|
||||
if (isNaN(currentTrack) || currentTrack < 0
|
||||
|| currentTrack >= audioElems.length) {
|
||||
nextTrack = 0;
|
||||
} else {
|
||||
nextTrack = currentTrack + 1;
|
||||
}
|
||||
if (nextTrack < audioElems.length) {
|
||||
while (nextTrack < audioElems.length) {
|
||||
var audioElem = audioElems[nextTrack];
|
||||
if (audioElem != null && audioElem.error == null
|
||||
&& audioElem.play) {
|
||||
if(audioElem.currentTime > 0) {
|
||||
audioElem.currentTime = 0;
|
||||
}
|
||||
audioElem.play();
|
||||
updatePlayAllButton(true);
|
||||
playerElem.setAttribute("data-current-track", nextTrack);
|
||||
break;
|
||||
}
|
||||
/* Go to the next element when not playable */
|
||||
nextTrack++;
|
||||
}
|
||||
} else {
|
||||
/* No other result to play */
|
||||
playerElem.setAttribute("data-current-track", -1);
|
||||
updatePlayAllButton(false);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Update the "Play all" button
|
||||
* @param playing when true the new status becomes playing all, otherwise it becomes paused
|
||||
*/
|
||||
function updatePlayAllButton(playing) {
|
||||
var playAllIcon = document.getElementById("playAllIcon");
|
||||
if (playAllIcon != null) {
|
||||
if(playing) {
|
||||
if(playAllIcon.className != "glyphicon glyphicon-pause") {
|
||||
playAllIcon.className = "glyphicon glyphicon-pause";
|
||||
}
|
||||
} else if(playAllIcon.className != "glyphicon glyphicon-play") {
|
||||
playAllIcon.className = "glyphicon glyphicon-play";
|
||||
}
|
||||
}
|
||||
var playAllBtn = document.getElementById("playAllBtn");
|
||||
if(playAllBtn != null) {
|
||||
if(playing) {
|
||||
var pauseTitle = playAllBtn.getAttribute("data-pause-title");
|
||||
if(pauseTitle != null && playAllBtn.title != pauseTitle) {
|
||||
playAllBtn.title = pauseTitle;
|
||||
}
|
||||
} else {
|
||||
var playAllTitle = playAllBtn.getAttribute("data-playAll-title");
|
||||
if(playAllTitle != null && playAllBtn.title != playAllTitle) {
|
||||
playAllBtn.title = playAllTitle;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* Handle a click on the "Play all" button.
|
||||
*/
|
||||
function handlePlayAllBtnClick() {
|
||||
var audioElems = document.getElementsByTagName("audio");
|
||||
var playerElem = document.getElementById("audioControls");
|
||||
var playAllIcon = document.getElementById("playAllIcon");
|
||||
if (playerElem != null && audioElems != null) {
|
||||
if (playAllIcon.className == "glyphicon glyphicon-play" && audioElems.length > 0) {
|
||||
var currentTrack = parseInt(playerElem
|
||||
.getAttribute("data-current-track"));
|
||||
if (isNaN(currentTrack) || currentTrack < 0
|
||||
|| currentTrack >= audioElems.length) {
|
||||
/* Start a new play of all audio results */
|
||||
currentTrack = 0;
|
||||
/* Reset all times */
|
||||
for (var j = 0; j < audioElems.length; j++) {
|
||||
var elem = audioElems[j];
|
||||
if (elem.paused && elem.currentTime > 0) {
|
||||
elem.currentTime = 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
while (currentTrack < audioElems.length) {
|
||||
var currentAudioElem = audioElems[currentTrack];
|
||||
if (currentAudioElem != null && currentAudioElem.error == null
|
||||
&& currentAudioElem.play) {
|
||||
currentAudioElem.play();
|
||||
updatePlayAllButton(true);
|
||||
break;
|
||||
}
|
||||
/* Go to the next element when not playable */
|
||||
currentTrack++;
|
||||
}
|
||||
playerElem.setAttribute("data-current-track", currentTrack);
|
||||
} else {
|
||||
/* Pause any running track */
|
||||
for (var i = 0; i < audioElems.length; i++) {
|
||||
var audioElem = audioElems[i];
|
||||
if (audioElem.pause && !audioElem.paused) {
|
||||
audioElem.pause();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Handle a click on the "Stop all" button.
|
||||
*/
|
||||
function handleStopAllBtnClick() {
|
||||
/* Stop all audio elements */
|
||||
var audioElems = document.getElementsByTagName("audio");
|
||||
if (audioElems != null) {
|
||||
for (var i = 0; i < audioElems.length; i++) {
|
||||
var audioElem = audioElems[i];
|
||||
if (audioElem.pause && !audioElem.paused) {
|
||||
audioElem.pause();
|
||||
if(audioElem.currentTime > 0) {
|
||||
audioElem.currentTime = 0;
|
||||
}
|
||||
} else if(audioElem.paused && audioElem.currentTime > 0) {
|
||||
audioElem.currentTime = 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
updatePlayAllButton(false);
|
||||
|
||||
/* Update the current track index */
|
||||
var playerElem = document.getElementById("audioControls");
|
||||
if (playerElem != null) {
|
||||
playerElem.setAttribute("data-current-track", -1);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in new issue