obsidian-plugin/devon22_obsidian-mediaviewer
1
0
Fork 0
mirror of https://github.com/devon22/obsidian-mediaviewer.git synced 2026-07-22 11:50:28 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

2.0.7

Browse source
This commit is contained in:
Devon22 2026-02-14 18:49:03 +08:00
parent 222fe65dcf
commit c6224ae76e
5 changed files with 63 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
manifest.json
View file

@ -1,7 +1,7 @@
{
"id": "mediaviewer",
"name": "Media Viewer",
"version": "2.0.6",
"version": "2.0.7",
"minAppVersion": "1.1.0",
"description": "View and manage media files within your notes.",
"author": "Devon22",

4
package-lock.json generated
View file

@ -1,12 +1,12 @@
{
"name": "mediaviewer",
"version": "2.0.6",
"version": "2.0.7",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "mediaviewer",
"version": "2.0.6",
"version": "2.0.7",
"license": "MIT",
"dependencies": {
"@esbuild/linux-x64": "0.17.3",

2
package.json
View file

@ -1,6 +1,6 @@
{
"name": "mediaviewer",
"version": "2.0.6",
"version": "2.0.7",
"description": "This is a sample plugin for Obsidian (https://obsidian.md)",
"main": "main.js",
"scripts": {

70
src/fullscreen.ts
View file

@ -1,4 +1,4 @@
import { App, Modal, getFrontMatterInfo, TFile, Notice, Platform } from 'obsidian';
import { App, Modal, getFrontMatterInfo, TFile, Notice, Platform, Menu } from 'obsidian';
import MediaViewPlugin from './main';
import { MediaViewSettings } from './settings';
import { t } from './translations';
@ -9,6 +9,7 @@ interface Media {
links?: string[];
path?: string;
title?: string;
file?: TFile;
}
export class FullScreenModal extends Modal {
@ -161,7 +162,9 @@ export class FullScreenModal extends Modal {
mediaLinks.set(url, [fullMatch]);
mediaUrls.push({
type: type,
url: url
url: url,
path: file ? file.path : undefined,
file: file || undefined
});
}
}
@ -226,10 +229,24 @@ export class FullScreenModal extends Modal {
const img = container.createEl('img');
img.src = media.url;
img.onclick = () => this.showMedia(index);
img.oncontextmenu = (e) => {
if (media.file) {
const menu = new Menu();
this.app.workspace.trigger('file-menu', menu, media.file, 'media-viewer');
menu.showAtMouseEvent(e);
}
};
} else {
if (media.url.match(/\.(mp4|mkv|mov|webm)/i)) {
const video = container.createEl('video');
video.onclick = () => this.showMedia(index);
video.oncontextmenu = (e) => {
if (media.file) {
const menu = new Menu();
this.app.workspace.trigger('file-menu', menu, media.file, 'media-viewer');
menu.showAtMouseEvent(e);
}
};
if (!Platform.isAndroidApp) {
video.src = media.url;
const videoIcon = container.createDiv('mv-video-indicator');
@ -561,17 +578,13 @@ export class FullScreenModal extends Modal {
const clickXPercent = clickX / rect.width;
const clickYPercent = clickY / rect.height;
if (this.fullMediaView.clientWidth > this.fullMediaView.clientHeight) {
if (this.fullImage.naturalHeight < this.fullMediaView.clientHeight) {
this.fullImage.style.maxWidth = 'none';
}
} else {
if (this.fullImage.naturalWidth < this.fullMediaView.clientWidth) {
this.fullImage.style.maxHeight = 'none';
}
}
// 根據圖片與視窗的長寬比來決定放大模式
const imageAspect = this.fullImage.naturalWidth / this.fullImage.naturalHeight;
const screenAspect = this.fullMediaView.clientWidth / this.fullMediaView.clientHeight;
if (this.fullImage.offsetWidth < this.fullMediaView.clientWidth) {
// 如果圖片比視窗更"細長" (Aspect Ratio 較小)，則寬度填滿 (Fit Width)，垂直捲動
// 如果圖片比視窗更"扁平" (Aspect Ratio 較大)，則高度填滿 (Fit Height)，水平捲動
if (imageAspect < screenAspect) {
this.fullImage.style.width = '100vw';
this.fullImage.style.height = 'auto';
this.fullMediaView.style.overflowX = 'hidden';
@ -663,6 +676,25 @@ export class FullScreenModal extends Modal {
this.scope.register(null, 'Escape', () => {
this.hideMedia();
});
// 右鍵選單
this.fullImage.oncontextmenu = (e) => {
const media = this.mediaUrls[this.currentIndex];
if (media.file) {
const menu = new Menu();
this.app.workspace.trigger('file-menu', menu, media.file, 'media-viewer');
menu.showAtMouseEvent(e);
}
};
this.fullVideo.oncontextmenu = (e) => {
const media = this.mediaUrls[this.currentIndex];
if (media.file) {
const menu = new Menu();
this.app.workspace.trigger('file-menu', menu, media.file, 'media-viewer');
menu.showAtMouseEvent(e);
}
};
}
// 顯示上一個媒體
@ -826,10 +858,24 @@ export class FullScreenModal extends Modal {
const img = container.createEl('img');
img.src = media.url;
img.onclick = () => this.showMedia(idx);
img.oncontextmenu = (e) => {
if (media.file) {
const menu = new Menu();
this.app.workspace.trigger('file-menu', menu, media.file, 'media-viewer');
menu.showAtMouseEvent(e);
}
};
} else {
if (media.url.match(/\.(mp4|mkv|mov|webm)/i)) {
const video = container.createEl('video');
video.onclick = () => this.showMedia(idx);
video.oncontextmenu = (e) => {
if (media.file) {
const menu = new Menu();
this.app.workspace.trigger('file-menu', menu, media.file, 'media-viewer');
menu.showAtMouseEvent(e);
}
};
if (!Platform.isAndroidApp) {
video.src = media.url;
const videoIcon = container.createDiv('mv-video-indicator');

2
versions.json
View file

@ -1,3 +1,3 @@
{
"2.0.6": "1.1.0"
"2.0.7": "1.1.0"
}