nexus/PairDrop
2
0
Fork 0
mirror of https://github.com/schlagmichdoch/PairDrop.git synced 2026-04-17 23:02:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Video and Audio preview

Browse Source
This commit is contained in:
schlagmichdoch
2023-01-10 16:03:52 +01:00
parent 966aa1938b b0115b9953
commit 8d2bbc795d
3 changed files with 23 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
public/scripts/ui.js
View File

@@ -421,6 +421,7 @@ class ReceiveDialog extends Dialog {
window.blop.play();
});
this._filesQueue = [];
this.$previewBox = this.$el.querySelector('.preview')
}
_nextFile(nextFile) {
@@ -453,10 +454,23 @@ class ReceiveDialog extends Dialog {
$a.click()
return
}
if(file.mime.split('/')[0] === 'image'){
console.log('the file is image');
this.$el.querySelector('.preview').style.visibility = 'inherit';
this.$el.querySelector("#img-preview").src = url;
let mime = file.mime.split('/')[0]
let previewElement = {
image: 'img',
audio: 'audio',
video: 'video'
}
if(Object.keys(previewElement).indexOf(mime) !== -1){
console.log('the file is able to preview');
let element = document.createElement(previewElement[mime]);
element.src = url;
element.controls = true;
element.classList = 'element-preview'
this.$previewBox.style.visibility = 'inherit';
this.$previewBox.appendChild(element)
}
this.$el.querySelector('#fileName').textContent = file.name;
@@ -484,8 +498,8 @@ class ReceiveDialog extends Dialog {
}
hide() {
this.$el.querySelector('.preview').style.visibility = 'hidden';
this.$el.querySelector("#img-preview").src = "";
this.$previewBox.style.visibility = 'hidden';
this.$previewBox.innerHTML = '';
super.hide();
this._dequeueFile();
}