obsidian plugin 제작

main.ts

@@ -1,134 +1,86 @@
-import { App, Editor, MarkdownView, Modal, Notice, Plugin, PluginSettingTab, Setting } from 'obsidian';
+import { Plugin, TFile } from 'obsidian';
 
-// Remember to rename these classes and interfaces!
-
-interface MyPluginSettings {
-	mySetting: string;
-}
-
-const DEFAULT_SETTINGS: MyPluginSettings = {
-	mySetting: 'default'
-}
-
-export default class MyPlugin extends Plugin {
-	settings: MyPluginSettings;
+export default class MusicNotePlugin extends Plugin {
+    private audio: HTMLAudioElement | null = null;
+    private isPlaying: boolean = false;
+    private toggleButton: HTMLElement | null = null;
+    private statusBarItem: HTMLElement | null = null;
 
     async onload() {
-		await this.loadSettings();
+        console.log("Music Note Plugin Loaded!");
 
-		// This creates an icon in the left ribbon.
-		const ribbonIconEl = this.addRibbonIcon('dice', 'Sample Plugin', (evt: MouseEvent) => {
-			// Called when the user clicks the icon.
-			new Notice('This is a notice!');
+        // 상태 바 아이템 생성
+        this.statusBarItem = this.addStatusBarItem();
+        this.toggleButton = this.statusBarItem.createEl("button", { text: "Play" });
+
+        // 버튼 스타일 적용 (toggleButton이 null이 아닌지 확인)
+        if (this.toggleButton) {
+            this.toggleButton.style.backgroundColor = "transparent";
+            this.toggleButton.style.border = "none";
+            this.toggleButton.style.cursor = "pointer";
+            this.toggleButton.style.color = "#8A8A8A"; // 당신이 찾은 색상으로 변경
+            this.toggleButton.style.display = "none"; // 처음엔 숨김
+
+            // 버튼 클릭 이벤트
+            this.toggleButton.addEventListener("click", () => {
+                if (!this.isPlaying) {
+                    if (!this.audio) {
+                        this.audio = new Audio("https://music.youtube.com/watch?v=mJYyGLzdnZE&list=RDAMVMmJYyGLzdnZE");
+                    }
+                    this.audio.play().catch(error => {
+                        console.log("Audio play failed:", error);
                     });
-		// Perform additional things with the ribbon
-		ribbonIconEl.addClass('my-plugin-ribbon-class');
-
-		// This adds a status bar item to the bottom of the app. Does not work on mobile apps.
-		const statusBarItemEl = this.addStatusBarItem();
-		statusBarItemEl.setText('Status Bar Text');
-
-		// This adds a simple command that can be triggered anywhere
-		this.addCommand({
-			id: 'open-sample-modal-simple',
-			name: 'Open sample modal (simple)',
-			callback: () => {
-				new SampleModal(this.app).open();
+                    this.toggleButton!.textContent = "Stop"; // !로 null 아님을 보장
+                    this.isPlaying = true;
+                } else {
+                    if (this.audio) {
+                        this.audio.pause();
+                        this.audio.currentTime = 0;
+                    }
+                    this.toggleButton!.textContent = "Play"; // !로 null 아님을 보장
+                    this.isPlaying = false;
                 }
             });
-		// This adds an editor command that can perform some operation on the current editor instance
-		this.addCommand({
-			id: 'sample-editor-command',
-			name: 'Sample editor command',
-			editorCallback: (editor: Editor, view: MarkdownView) => {
-				console.log(editor.getSelection());
-				editor.replaceSelection('Sample Editor Command');
-			}
-		});
-		// This adds a complex command that can check whether the current state of the app allows execution of the command
-		this.addCommand({
-			id: 'open-sample-modal-complex',
-			name: 'Open sample modal (complex)',
-			checkCallback: (checking: boolean) => {
-				// Conditions to check
-				const markdownView = this.app.workspace.getActiveViewOfType(MarkdownView);
-				if (markdownView) {
-					// If checking is true, we're simply "checking" if the command can be run.
-					// If checking is false, then we want to actually perform the operation.
-					if (!checking) {
-						new SampleModal(this.app).open();
         }
 
-					// This command will only show up in Command Palette when the check function returns true
-					return true;
+        // 노트가 열릴 때마다 확인
+        this.registerEvent(
+            this.app.workspace.on("file-open", (file: TFile | null) => {
+                this.checkAudioContent(file);
+            })
+        );
+
+        // 처음 로드 시 현재 열려있는 파일 확인
+        const activeFile = this.app.workspace.getActiveFile();
+        if (activeFile) {
+            this.checkAudioContent(activeFile);
         }
     }
-		});
 
-		// This adds a settings tab so the user can configure various aspects of the plugin
-		this.addSettingTab(new SampleSettingTab(this.app, this));
+    // 오디오 콘텐츠 확인 함수
+    private async checkAudioContent(file: TFile | null) {
+        if (!file || !this.toggleButton || !this.statusBarItem) return;
 
-		// If the plugin hooks up any global DOM events (on parts of the app that doesn't belong to this plugin)
-		// Using this function will automatically remove the event listener when this plugin is disabled.
-		this.registerDomEvent(document, 'click', (evt: MouseEvent) => {
-			console.log('click', evt);
-		});
+        const content = await this.app.vault.read(file);
+        const hasAudio = /youtube\.com|youtu\.be|\.mp3|music\.youtube\.com/i.test(content);
 
-		// When registering intervals, this function will automatically clear the interval when the plugin is disabled.
-		this.registerInterval(window.setInterval(() => console.log('setInterval'), 5 * 60 * 1000));
+        if (hasAudio) {
+            this.toggleButton.style.display = "block"; // 보이기
+        } else {
+            this.toggleButton.style.display = "none"; // 숨기기
+            if (this.audio) {
+                this.audio.pause();
+                this.audio.currentTime = 0; // 재생 중이면 정지 후 처음으로
+                this.isPlaying = false;
+                this.toggleButton.textContent = "Play";
+            }
+        }
     }
 
     onunload() {
-
+        console.log("Music Note Plugin Unloaded!");
+        if (this.audio) {
+            this.audio.pause();
         }
-
-	async loadSettings() {
-		this.settings = Object.assign({}, DEFAULT_SETTINGS, await this.loadData());
-	}
-
-	async saveSettings() {
-		await this.saveData(this.settings);
-	}
-}
-
-class SampleModal extends Modal {
-	constructor(app: App) {
-		super(app);
-	}
-
-	onOpen() {
-		const {contentEl} = this;
-		contentEl.setText('Woah!');
-	}
-
-	onClose() {
-		const {contentEl} = this;
-		contentEl.empty();
-	}
-}
-
-class SampleSettingTab extends PluginSettingTab {
-	plugin: MyPlugin;
-
-	constructor(app: App, plugin: MyPlugin) {
-		super(app, plugin);
-		this.plugin = plugin;
-	}
-
-	display(): void {
-		const {containerEl} = this;
-
-		containerEl.empty();
-
-		new Setting(containerEl)
-			.setName('Setting #1')
-			.setDesc('It\'s a secret')
-			.addText(text => text
-				.setPlaceholder('Enter your secret')
-				.setValue(this.plugin.settings.mySetting)
-				.onChange(async (value) => {
-					this.plugin.settings.mySetting = value;
-					await this.plugin.saveSettings();
-				}));
     }
 }

manifest.json

@@ -1,11 +1,9 @@
 {
-	"id": "sample-plugin",
-	"name": "Sample Plugin",
-	"version": "1.0.0",
+    "id": "music-note-plugin",
+    "name": "Music on Note Open",
+    "version": "0.0.1",
     "minAppVersion": "0.15.0",
-	"description": "Demonstrates some of the capabilities of the Obsidian API.",
-	"author": "Obsidian",
-	"authorUrl": "https://obsidian.md",
-	"fundingUrl": "https://obsidian.md/pricing",
+    "description": "Plays music when a note is opened in Obsidian.",
+    "author": "noguri98",
     "isDesktopOnly": false
 }