Skip to content

Enable playback commands outside of Editor mode, and extend functionality #33

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
elliott-liu wants to merge 5 commits into
base: master
Choose a base branch
from
Open

Enable playback commands outside of Editor mode, and extend functionality #33

Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
1b1a371
Rename existing command in line with function
elliott-liu Feb 7, 2023
681d68e
Existing playback commands work in all edit modes
elliott-liu Feb 7, 2023
9522c2e
Add exclusive "Play video" command
elliott-liu Feb 7, 2023
1763bd1
Add exclusive "Pause video" command
elliott-liu Feb 7, 2023
ac3ef42
Make command name capitalisation consistent
elliott-liu Feb 7, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 25 additions & 7 deletions main.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -122,27 +122,45 @@ export default class TimestampPlugin extends Plugin {

//Command that play/pauses the video
this.addCommand({
id: 'pause-player',
name: 'Pause player',
editorCallback: (editor: Editor, view: MarkdownView) => {
id: 'toggle-play-pause-video',
name: 'Toggle play/pause video',
callback: () => {
this.setPlaying(!this.player.props.playing)
}
});

//Command that plays the video
this.addCommand({
id: 'play-video',
name: 'Play video',
callback: () => {
this.setPlaying(true)
}
});

//Command that pauses the video
this.addCommand({
id: 'pause-video',
name: 'Pause video',
callback: () => {
this.setPlaying(false)
}
});

// Seek forward by set amount of seconds
this.addCommand({
id: 'seek-forward',
name: 'Seek Forward',
editorCallback: (editor: Editor, view: MarkdownView) => {
name: 'Seek forward',
callback: () => {
if (this.player) this.player.seekTo(this.player.getCurrentTime() + parseInt(this.settings.forwardSeek));
}
});

// Seek backwards by set amount of seconds
this.addCommand({
id: 'seek-backward',
name: 'Seek Backward',
editorCallback: (editor: Editor, view: MarkdownView) => {
name: 'Seek backward',
callback: () => {
if (this.player) this.player.seekTo(this.player.getCurrentTime() - parseInt(this.settings.backwardsSeek));
}
});
Expand Down