From 2666609e72086581ada997a50120f9fa022a701f Mon Sep 17 00:00:00 2001 From: Maxim Stewart Date: Mon, 28 Jan 2019 12:56:27 -0600 Subject: [PATCH] Changed video loading setup. --- resources/images/loading.gif | Bin 0 -> 29353 bytes ...3eef5903048e9a926e1a5de583252de6b6b561.jpg | Bin 0 -> 7599 bytes resources/js/uiActions.js | 19 +++++++++++ resources/js/uiEvents.js | 30 ++++++++++-------- 4 files changed, 35 insertions(+), 14 deletions(-) create mode 100644 resources/images/loading.gif create mode 100644 resources/images/thumbnails/5c7a64f4c87918afae27942abf3eef5903048e9a926e1a5de583252de6b6b561.jpg diff --git a/resources/images/loading.gif b/resources/images/loading.gif new file mode 100644 index 0000000000000000000000000000000000000000..562f9fda9684b43e60506d938176f5842146da97 GIT binary patch literal 29353 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 literal 0 HcmV?d00001 diff --git a/resources/images/thumbnails/5c7a64f4c87918afae27942abf3eef5903048e9a926e1a5de583252de6b6b561.jpg b/resources/images/thumbnails/5c7a64f4c87918afae27942abf3eef5903048e9a926e1a5de583252de6b6b561.jpg new file mode 100644 index 0000000000000000000000000000000000000000..a9d2850ae5d38fd07fb2e359670d56407561a810 GIT binary patch literal 7599 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 { let fullMedia = path + mediaLoc; let iframe = document.createElement("IFRAME"); + + let video = document.createElement("VIDEO"); + let outterDiv = document.createElement("DIV"); let popOutDiv = document.createElement("DIV"); let closeDiv = document.createElement("DIV"); @@ -107,6 +110,11 @@ const showMedia = async (mediaLoc, type) => { iframe.id = "fileViewInner"; iframe.src = fullMedia; + video.controls = true + video.autoplay = true; + video.style = "width: 100%; height: auto;"; + video.poster = "resources/images/loading.gif"; + outterDiv.appendChild(closeDiv); outterDiv.appendChild(aTag); outterDiv.appendChild(toLocDiv); @@ -114,6 +122,9 @@ const showMedia = async (mediaLoc, type) => { if (type === "image") { outterDiv.id = "imgView"; outterDiv.appendChild(imgDiv); + } else if (type === "video") { + outterDiv.id = "fileView"; + outterDiv.appendChild(video); } else { outterDiv.id = "fileView"; outterDiv.appendChild(iframe); @@ -121,6 +132,14 @@ const showMedia = async (mediaLoc, type) => { document.body.appendChild(outterDiv); dragContainer(outterDiv); // Set for dragging events + + if (type === "video") { + // This is questionable in usage since it loads the full video + // before showing; but, seeking doesn't work otherwise... + let response = await fetch(fullMedia, {method: "GET"}); + var vidSrc = URL.createObjectURL(await response.blob()); // IE10+ + video.src = vidSrc; + } } const closeContainer = (elm) => { diff --git a/resources/js/uiEvents.js b/resources/js/uiEvents.js index 274e100..3ea3fe4 100644 --- a/resources/js/uiEvents.js +++ b/resources/js/uiEvents.js @@ -28,30 +28,32 @@ document.ondblclick = (event) => { // Left click detect if (event.which == 1) { // If clicking on container - if (classNM == "fileStyle" || classNM == "movieStyle" || - classNM == "dirStyle") { - if (classNM == "dirStyle") { + if (classNM === "fileStyle" || classNM === "movieStyle" || + classNM === "dirStyle") { + if (classNM === "dirStyle") { getDir(obj.children[1].value); + } else if (classNM === "movieStyle") { + showMedia(obj.children[1].value, "video"); } else { showMedia(obj.children[1].value, "file"); } - // If clicking on dir icon - } else if (callingID == "dirID") { + // If clicking on dir icon + } else if (callingID === "dirID") { let node = obj.parentNode; getDir(node.children[1].value); - // If clicking on movie thumbnail - } else if (callingID == "movieID") { + // If clicking on movie thumbnail + } else if (callingID === "movieID") { let node = obj.parentNode; - showMedia(node.children[1].value, "movie"); - // If clicking on file icon - } else if (callingID == "fileID") { + showMedia(node.children[1].value, "video"); + // If clicking on file icon + } else if (callingID === "fileID") { let node = obj.parentNode; showMedia(node.children[1].value, "file"); - // If clicking on image - } else if (callingID == "imageID") { + // If clicking on image + } else if (callingID === "imageID") { showMedia(obj.alt, "image"); - // If clicking on text title - } else if (callingID == "titleID") { + // If clicking on text title + } else if (callingID === "titleID") { enableEdit(obj); } }