obsidian plugin 제작
This commit is contained in:
noguri98
parent
6d09ce3e39
commit
8542d97a71
198
main.ts
198
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!
|
||||
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;
|
||||
|
||||
interface MyPluginSettings {
|
||||
mySetting: string;
|
||||
}
|
||||
async onload() {
|
||||
console.log("Music Note Plugin Loaded!");
|
||||
|
||||
const DEFAULT_SETTINGS: MyPluginSettings = {
|
||||
mySetting: 'default'
|
||||
}
|
||||
// 상태 바 아이템 생성
|
||||
this.statusBarItem = this.addStatusBarItem();
|
||||
this.toggleButton = this.statusBarItem.createEl("button", { text: "Play" });
|
||||
|
||||
export default class MyPlugin extends Plugin {
|
||||
settings: MyPluginSettings;
|
||||
// 버튼 스타일 적용 (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"; // 처음엔 숨김
|
||||
|
||||
async onload() {
|
||||
await this.loadSettings();
|
||||
// 버튼 클릭 이벤트
|
||||
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);
|
||||
});
|
||||
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 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!');
|
||||
});
|
||||
// Perform additional things with the ribbon
|
||||
ribbonIconEl.addClass('my-plugin-ribbon-class');
|
||||
// 노트가 열릴 때마다 확인
|
||||
this.registerEvent(
|
||||
this.app.workspace.on("file-open", (file: TFile | null) => {
|
||||
this.checkAudioContent(file);
|
||||
})
|
||||
);
|
||||
|
||||
// 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');
|
||||
// 처음 로드 시 현재 열려있는 파일 확인
|
||||
const activeFile = this.app.workspace.getActiveFile();
|
||||
if (activeFile) {
|
||||
this.checkAudioContent(activeFile);
|
||||
}
|
||||
}
|
||||
|
||||
// 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 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();
|
||||
}
|
||||
// 오디오 콘텐츠 확인 함수
|
||||
private async checkAudioContent(file: TFile | null) {
|
||||
if (!file || !this.toggleButton || !this.statusBarItem) return;
|
||||
|
||||
// This command will only show up in Command Palette when the check function returns true
|
||||
return true;
|
||||
}
|
||||
}
|
||||
});
|
||||
const content = await this.app.vault.read(file);
|
||||
const hasAudio = /youtube\.com|youtu\.be|\.mp3|music\.youtube\.com/i.test(content);
|
||||
|
||||
// This adds a settings tab so the user can configure various aspects of the plugin
|
||||
this.addSettingTab(new SampleSettingTab(this.app, this));
|
||||
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";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 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);
|
||||
});
|
||||
|
||||
// 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));
|
||||
}
|
||||
|
||||
onunload() {
|
||||
|
||||
}
|
||||
|
||||
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();
|
||||
}));
|
||||
}
|
||||
}
|
||||
onunload() {
|
||||
console.log("Music Note Plugin Unloaded!");
|
||||
if (this.audio) {
|
||||
this.audio.pause();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,11 +1,9 @@
|
|||
{
|
||||
"id": "sample-plugin",
|
||||
"name": "Sample Plugin",
|
||||
"version": "1.0.0",
|
||||
"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",
|
||||
"isDesktopOnly": false
|
||||
}
|
||||
"id": "music-note-plugin",
|
||||
"name": "Music on Note Open",
|
||||
"version": "0.0.1",
|
||||
"minAppVersion": "0.15.0",
|
||||
"description": "Plays music when a note is opened in Obsidian.",
|
||||
"author": "noguri98",
|
||||
"isDesktopOnly": false
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue