a Logseq plugin to float items (e.g. videos) for an improved note-taking experience

Overview

logseq-helium-plugin

Features

Float videos for better note-taking in 3 ways:

  • Block context menu (right-click on bullet) → 🎈 Start float
  • Slash (/) command → 🎈 Start float
  • Keyboard shortcut
    • Usage: click on the task (as if to edit it) → activate the keyboard shortcut (can be configured in the settings)

If it's a YouTube video being floated, a dimensions icon will appear underneath the balloon icon that enables the video's height (H) and width (W) to be adjusted

Demo

logseq_helium_main_demo.gif

  • Without the plugin: Watch the video in the left main area and take notes in the right sidebar
  • With the plugin: Watch the video and take notes in the main area!
    • The position of the video and the balloon icon can be configured in the settings

Settings

  • Each time you make changes to the plugin settings, please refresh Logseq to ensure that all settings are updated
    logseq-helium-plugin settings

🚨 NOTE: If you would like to entirely change the keyboard shortcut or simply change the modifier of the shortcut (e.g. from ctrl+shift+h to cmd+alt+g), select the existing shortcut and type the new shortcut over it. Completely deleting the existing shortcut and then typing a new shortcut will display an error

Installation

Preparation

  1. Click the 3 dots in the righthand corner → SettingsAdvanced → Enable Developer mode and Plug-in system
  2. Click the 3 dots in the righthand corner → Plugins – OR – Use keyboard shortcut Esc t p

Load plugin via the marketplace (recommended)

  1. Click the 3 dots in the righthand corner → Plugins – OR – Use keyboard shortcut Esc t p
  2. Go to the Marketplace tab and search for Helium → Click Install

Load plugin manually

  1. Download the latest release of the plugin (e.g logseq-helium-plugin-v.1.0.0.zip) from Github
  2. Unzip the file
  3. Navigate to plugins (Click the 3 dots → Plugins – OR – Use keyboard shortcut Esc t p) → Load unpacked plugin → Select the folder of the unzipped file

License

MIT

Credits

Support

If you find this plugin useful, consider buying me a coffee 🙂
Buy Me A Coffee

Comments
  • Problems when floating the video

    Problems when floating the video

    My logseq version is 0.6.9 , it seems that after select the whole part of code of the video. l choose the start floating , but nothing happens. Can you give some more specific steps on how to float the video. Thanks!

    My operating system is windows10 pro.

    bug 
    opened by mendax1234 24
  • Change the size of Youtube video

    Change the size of Youtube video

    l use Logseq 0.7.0 now and l find that l can't change the size of Youtube video. Here is the youtube video link:https://www.youtube.com/watch?v=6Af6b_wyiwI Here is my code to use it in the Logseq{{video https://www.youtube.com/watch?v=6Af6b_wyiwI}} l hope the plugin can be updated to suit the latest version of Logseq. Thanks!

    Daniel

    bug enhancement 
    opened by mendax1234 18
  • Feature request: Enlarge or narrow with Proportion.

    Feature request: Enlarge or narrow with Proportion.

    The helium-plugin is wonderful, which solve the problem with write video notes in logseq 🎉. Any plan to add the function: Enlarge or narrow with Proportion? This will improve efficiency, currently I need to increase the height then increase the width 🥲.

    enhancement 
    opened by mzwlevi 14
  • v 1.1.1 and v 1.0.1difference

    v 1.1.1 and v 1.0.1difference

    Hello, the effect of the plugin is very nice, but there is a small problem. In the latest version of v.1.1.1, the video on my side can't be floated. I can use v1.0.1.Besides,my computer is win11. I really like this one you developed. plugin

    bug 
    opened by lion-no-back 13
  • include fwd/rwd and speed buttons

    include fwd/rwd and speed buttons

    hi! would it be possible to add rewind and forward buttons? so when i play a video and i want to go back 10 seconds to listen to the same passage, i'd click the rewind button. also, setting the playback speed could be interesting!

    thanks!

    bug enhancement 
    opened by climatelynx 4
  • Make keyboard shortcut optional

    Make keyboard shortcut optional

    Hi, first of all, I want to say that this is a very useful plugin for video note taking!

    But, I don't want to use a keybinding in this case so, can you make it optional?

    enhancement 
    opened by sethyuan 1
  • Plugin not functioning on 0.8.12

    Plugin not functioning on 0.8.12

    After the 0.8.12 update, my helium plugin has not been functioning. On the developer console, output reads "logseq-helium-plugin - ERROR: start float"

    opened by quantumnaut33 0
  • Increasing video width and diagonal makes balloon jump around

    Increasing video width and diagonal makes balloon jump around

    When pressing + to increase the video height and width, the balloon and controls move to the right as much as the video becomes larger.

    When wanting to increase the video size multiple "clicks", it's not possible to double or triple click a few fimes as the controls will have moved after each click.

    To prevent this behaviour, perhaps it is possible to fix the position of the controls relative to the right side of the screen instead of relative to the video?

    opened by teun95 0
  • Can the translation be added?

    Can the translation be added?

    In order to improve the practicability of this plugin, l really hope a translation can be added. However ,since l am not a front engineer and l am not familiar with the js syntax and your code structure , it's hard for me to add the translation code. One of the logseq developers have made a lib for translation and here is the lib . Would you please integrate this to your plugin , and translate the English into Chinese? If you don't want to translate it, l can translate it too! Thank you very much!

    enhancement 
    opened by mendax1234 1
  • Increasing the width shows a scroll bar

    Increasing the width shows a scroll bar

    First of all, thank you @vyleung for this plugin, it's really useful!

    I noticed a little issue today as shown in the following video:

    https://user-images.githubusercontent.com/1207107/169596820-5982c869-5d10-4344-949e-1182f2f7139d.mp4

    As you can see, whenever I try to increase the width, the video div seems to have a css property of overflow: scroll; or something like that. And the H button doesn't work and doesnt affect the height of the video.

    I'm using logseq version 0.6.8 on my linux machine.

    bug enhancement 
    opened by nashamri 9
Releases(v.2.1.1)
Owner
Vivian Leung
Vivian Leung
A all around note taking and viewing portal for students as well as teachers.

Notetal Portal to notes for students and teachers. With Notetal you can take notes as well as view notes taken by others. Features Powerful Editor: A

Alson Garbuja 2 Jun 13, 2022
An end-to-end encrypted note taking alternative to Evernote

Notesnook An end-to-end encrypted note taking alternative to Evernote. Website | About us | Roadmap | Downloads | Twitter | Discord To celebrate the o

Streetwriters 4.9k Dec 28, 2022
✏️ A new tab extension for convenient note-taking

MDTab Write quick notes in Markdown on any new tabs! Installation Right now MDTab has only been tested on Chrome (brave browser). You can install it f

Ian Huang (Shaoru) 8 Nov 11, 2022
This plugin allows side-by-side notetaking with videos. Annotate your notes with timestamps to directly control the video and remember where each note comes from.

Obsidian Timestamp Notes Use Case Hello Obsidian users! Like all of you, I love using Obsidian for taking notes. My usual workflow is a video in my br

null 74 Jan 2, 2023
Logseq-craft-theme - Craft Theme for Logseq

Craft for Logseq Almost all creativity requires purposeful play. A Craft insprir

Alexander Rink 33 Oct 26, 2022
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
Console app - big float calculator <*/+->

Интерпритатор математических выражений Изначально для парсинга математических выражений я реализовал алгоритм сортировочной станции, в текущей версии

Daniil 3 Jul 16, 2022
Tiny JavaScript library (1kB) by CurrencyRate.today, providing simple way and advanced number, money and currency formatting and removes all formatting/cruft and returns the raw float value.

Zero dependency tiny JavaScript library (1kB bytes) by CurrencyRate.today, providing simple way and advanced number, money and currency formatting and removes all formatting/cruft and returns the raw float value.

Yurii De 11 Nov 8, 2022
App that allows you to control and watch YouTube videos using hand gestures. Additionally, app that allows you to search for videos, playlists, and channels.

YouTube Alternative Interaction App An app I made with Edward Wu that allows you to search and watch videos from YouTube. Leverages Google's YouTube D

Aaron Lam 2 Dec 28, 2021
A Zotero add-on that scans your Markdown reading notes, tags the associated Zotero items, and lets you open notes for the Zotero items in Obsidian.

Zotero Obsidian Citations Adds colored tags to Zotero items that have associated Markdown notes stored in an external folder. Open an associated Markd

Dae 210 Jan 4, 2023
The app helps you to add todo items to your list, mark completed ones and also delete finished items. Its a handy tool for your day today activies. Check out the live demo.

Todo List App The app helps you to add todo items to your list, mark completed ones and also delete finished items. Its a handy tool for your day toda

Atugonza ( Billions ) Joel 14 Apr 22, 2022
A secondhand marketplace where you can post items for sale, interact with sellers, save items you are interested in.

Curbside - the secondhand market place that's actually pleasant to use Post items for sale, interact with sellers, save items you are interested in. A

Curbside 14 Sep 9, 2022
A single-page application that allow users to add their To Do items. The items could be checked as completed and the completed task can be removed. Built with JavaScript, HTML and CSS

To Do list Application This is a single page application that allows users to keep track of their tasks. Users can add the task and also check the che

Micheal Oguntayo 4 Oct 14, 2022
This is an Obsidian plugin for taking math notes using Excalidraw.

Obsidian Math+ Obsidian Math+ is a plugin for taking math notes quickly and efficiently. Usage Run the Insert math block command, either using the com

Oscar Capraro 29 Dec 30, 2022
Framework for interacting with instagrams private api in a usable manner (forked from andre's work and improved and fixed)

node-ig-framework Framework for interacting with instagrams private api in a usable manner (forked from andre's work and improved and fixed) Installat

nine ecksen 3 Dec 31, 2022
Grm is an improved Deno port of GramJS, written in TypeScript

Grm is an improved Deno port of GramJS, written in TypeScript. GramJS is a popular MTProto API Telegram client library written in JavaScript for Node.js and browsers, with its core being based on Telethon.

Dunkan 26 Dec 31, 2022