2020-01-27 16:56:16 +01:00
|
|
|
function AudioViewer(viewer, file, next) {let v = this;
|
|
|
|
v.viewer = viewer;
|
|
|
|
v.file = file;
|
|
|
|
v.next = next;
|
2020-01-21 15:33:09 +01:00
|
|
|
|
2020-01-27 16:56:16 +01:00
|
|
|
v.container = document.createElement("div");
|
|
|
|
v.container.classList = "image-container";
|
|
|
|
v.container.appendChild(document.createElement("br"));
|
2020-01-21 15:33:09 +01:00
|
|
|
|
2020-01-27 16:56:16 +01:00
|
|
|
v.icon = document.createElement("img");
|
|
|
|
v.icon.src = "/res/img/mime/audio.png";
|
|
|
|
v.container.appendChild(v.icon);
|
2020-01-21 15:33:09 +01:00
|
|
|
|
2020-01-27 16:56:16 +01:00
|
|
|
v.container.appendChild(document.createElement("br"));
|
|
|
|
v.container.appendChild(document.createTextNode(file.name));
|
|
|
|
v.container.appendChild(document.createElement("br"));
|
|
|
|
v.container.appendChild(document.createElement("br"));
|
2020-01-21 15:33:09 +01:00
|
|
|
|
2020-01-27 16:56:16 +01:00
|
|
|
v.element = document.createElement("audio");
|
|
|
|
v.element.autoplay = "autoplay";
|
|
|
|
v.element.controls = "controls";
|
|
|
|
v.element.style.width = "90%";
|
|
|
|
v.element.addEventListener("ended", () => { v.next(); }, false);
|
2020-01-21 15:33:09 +01:00
|
|
|
|
2020-01-27 16:56:16 +01:00
|
|
|
v.source = document.createElement("source");
|
|
|
|
v.source.src = apiEndpoint+"/file/"+v.file.id;
|
|
|
|
v.element.appendChild(v.source);
|
|
|
|
v.container.appendChild(v.element);
|
|
|
|
}
|
2020-01-20 19:55:51 +01:00
|
|
|
|
2020-01-27 16:56:16 +01:00
|
|
|
AudioViewer.prototype.render = function(parent) {let v = this;
|
|
|
|
parent.appendChild(v.container);
|
2020-01-20 19:55:51 +01:00
|
|
|
}
|