Paris8/vidarousel
Archived
Template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

* add possible enhancement

Browse source 
* white text at the end, following recent dark theme change
This commit is contained in:
Mylloon 2022-11-21 22:18:03 +01:00
parent 7a1430aa13
commit c4cf5f3306
Signed by: Anri
GPG key ID: A82D63DFF8D1317F
1 changed files with 10 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
js/main.js
View file

@ -36,7 +36,9 @@ const main = () => {
// Add property to the player // Add property to the player
currentVideo = document.createElement("video"); currentVideo = document.createElement("video");
// TODO(enhancement): Custom controls?
currentVideo.controls = true; currentVideo.controls = true;
// TODO(enhancement): Better fit window
currentVideo.width = window.innerWidth - window.innerWidth / 2; currentVideo.width = window.innerWidth - window.innerWidth / 2;
currentVideo.style = "display: block; margin: auto;"; currentVideo.style = "display: block; margin: auto;";
@ -69,20 +71,20 @@ const removeButtons = (parentOfButtons) => {
* @param {{number: string[]}} videosList List of videos filenames * @param {{number: string[]}} videosList List of videos filenames
* @param {{int: int[]}} tree List of all the videos from videosList with the next possibles choices from the video * @param {{int: int[]}} tree List of all the videos from videosList with the next possibles choices from the video
* @param {HTMLSourceElement} source Current video * @param {HTMLSourceElement} source Current video
* @param {number} newVideoId Video ID to add to the main element * @param {number} videoId Video ID to add to the main element
*/ */
const updateVideo = (videoFolder, videosList, tree, source, newVideoId) => { const updateVideo = (videoFolder, videosList, tree, source, videoId) => {
const videoElement = source.parentElement; const videoElement = source.parentElement;
const mainElement = videoElement.parentElement; const mainElement = videoElement.parentElement;
source.src = `${videoFolder}/${videosList[newVideoId][0]}.${videosList[newVideoId][1]}`; source.src = `${videoFolder}/${videosList[videoId][0]}.${videosList[videoId][1]}`;
source.type = `video/${videosList[newVideoId][1]}`; source.type = `video/${videosList[videoId][1]}`;
// Add buttons at the end of the video // Add buttons at the end of the video
videoElement.addEventListener( videoElement.addEventListener(
"ended", "ended",
() => { () => {
if (tree[newVideoId]) { if (tree[videoId]) {
tree[newVideoId].forEach((nextVideoId, counter) => { tree[videoId].forEach((nextVideoId, counter) => {
const button = document.createElement("button"); const button = document.createElement("button");
// TODO(enhancement): Add custom label for the button redirection // TODO(enhancement): Add custom label for the button redirection
@ -114,7 +116,7 @@ const updateVideo = (videoFolder, videosList, tree, source, newVideoId) => {
} else { } else {
removeButtons(mainElement); removeButtons(mainElement);
const endText = document.createElement("h1"); const endText = document.createElement("h1");
endText.style = "font-size: 11vh;"; endText.style = "font-size: 11vh; color: white;";
endText.innerText = "Merci d'avoir regardé !"; endText.innerText = "Merci d'avoir regardé !";
mainElement.appendChild(endText); mainElement.appendChild(endText);
} }
@ -123,5 +125,6 @@ const updateVideo = (videoFolder, videosList, tree, source, newVideoId) => {
); );
// Force the reload of the video // Force the reload of the video
// TODO(enhancement): Keep previous volume
videoElement.load(); videoElement.load();
}; };