gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-06-06 18:08:33 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

basic support for audio/video preview in file notes (no seeking)

Browse Source
This commit is contained in:
zadam 2021-02-13 23:20:22 +01:00
parent 3dbd80d5a6
commit 3cc93157bf
3 changed files with 26 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/public/app/services/note_content_renderer.js
View File

@ -59,9 +59,8 @@ async function getRenderedContent(note, options = {}) {
}
$content.append(
$("<div>")
$('<div style="display: flex; justify-content: space-evenly; margin-top: 5px;">')
.append($downloadButton)
.append(' &nbsp; ')
.append($openButton)
);

1
src/public/app/widgets/note_tree.js
View File

@ -34,6 +34,7 @@ const TPL = `
height: 100%;
overflow: auto;
padding-bottom: 35px;
padding-top: 5px;
}
.collapse-tree-button {

28
src/public/app/widgets/type_widgets/file.js
View File

@ -30,6 +30,10 @@ const TPL = `
</div>
<iframe class="pdf-preview" style="width: 100%; height: 100%; flex-grow: 100;"></iframe>
<video class="video-preview" controls></video>
<audio class="audio-preview" controls></audio>
</div>`;
export default class FileTypeWidget extends TypeWidget {
@ -41,6 +45,8 @@ export default class FileTypeWidget extends TypeWidget {
this.$previewContent = this.$widget.find(".file-preview-content");
this.$previewNotAvailable = this.$widget.find(".file-preview-not-available");
this.$pdfPreview = this.$widget.find(".pdf-preview");
this.$videoPreview = this.$widget.find(".video-preview");
this.$audioPreview = this.$widget.find(".audio-preview");
}
async doRefresh(note) {
@ -53,16 +59,30 @@ export default class FileTypeWidget extends TypeWidget {
this.$previewContent.empty().hide();
this.$pdfPreview.attr('src', '').empty().hide();
this.$previewNotAvailable.hide();
this.$videoPreview.hide();
this.$audioPreview.hide();
if (noteComplement.content) {
this.$previewNotAvailable.hide();
this.$previewContent.show().scrollTop(0);
this.$previewContent.text(noteComplement.content);
}
else if (note.mime === 'application/pdf') {
this.$previewNotAvailable.hide();
this.$pdfPreview.show();
this.$pdfPreview.attr("src", openService.getUrlForDownload("api/notes/" + this.noteId + "/open"));
this.$pdfPreview.show().attr("src", openService.getUrlForDownload("api/notes/" + this.noteId + "/open"));
}
else if (note.mime.startsWith('video/')) {
this.$videoPreview
.show()
.attr("src", openService.getUrlForDownload("api/notes/" + this.noteId + "/open"))
.attr("type", this.note.mime)
.css("width", this.$widget.width());
}
else if (note.mime.startsWith('audio/')) {
this.$audioPreview
.show()
.attr("src", openService.getUrlForDownload("api/notes/" + this.noteId + "/open"))
.attr("type", this.note.mime)
.css("width", this.$widget.width());
}
else {
this.$previewNotAvailable.show();