Logseq001笔记类--视频悬浮插件--Helium

392 0 0

作者:cmjz-life

这是我准备新开的学习记录系列之一</p> <p>今天写一个插件的介绍吧—— <strong><span class="l link-block cursor-pointer">Helium </span></strong><span class="l link-block cursor-pointer">—— 视频悬浮插件</span></p> <p>youtube/b站/本地视频都可以导入</p> <p>主要功能就是你在看视频时，要记一些学习笔记，随着不断往下写，视频会出现被挡住的情况。</p> <p>这个时候Helium就能帮上大忙！首先点击右上角三个点点，打开插件市场下载Helium，安装好了之后再导入视频；</p> <p>导入完成后，再鼠标右键单击下图这里，选择start float就好啦！或者三击选中视频链接后，按⬆️+control+H也可以打开float。</p> <p> </p> <p><img src="https://imgs.itxueyuan.com/1947723-20221216140731303-2120193676.png" alt="" width="422" height="170"/></p> <p> </p> <p> </p> <p>如果你要在记笔记的时候：</p> <p>1.暂停/播放：option+command+K</p> <p>2.前进/后退10s：option+command+ L (前进)/ option+command+ J (后退)</p> <p>3.键入关键帧--就是视频的几分几秒(之后点击可以直接跳到视频对应点进行播放复习)：⬆️+command+ Y</p> <p>好啦，今天关于Logseq的插件就写这些，希望能帮到有需要的朋友们。</p> <ul id="iw-contextMenu7270" class="iw-contextMenu iw-created iw-cm-menu"><li class="iw-has-submenu iw-mTrigger" title="">添加到短语集 <div class="iw-cm-arrow-right"> </div> <ul id="iw-contextMenu1514" class="iw-contextMenu iw-created iw-cm-menu"><li class="iw-mDisable" title="">没有此单词集：中文（简体） → 中文（简体）... <div class="iw-mOverlay"> </div> </li> <li class="t-1" title="">创建新的单词集...</li> </ul></li> <li class="t-1" title="">拷贝</li> </ul><textarea id="BFI_DATA" style="width: 1px; height: 1px; display: none"/><textarea id="BFI_DATA" style="width: 1px; height: 1px; display: none"/><textarea id="BFI_DATA" style="width: 1px; height: 1px; display: none"/><div id="WidgetFloaterPanels" class="LTRStyle" style="display: none; text-align: left; direction: ltr; visibility: hidden"> <div id="WidgetFloater" style="display: none"> <div id="WidgetLogoPanel"><span id="WidgetTranslateWithSpan"><span>TRANSLATE with </span><img id="FloaterLogo"/></span> <span id="WidgetCloseButton" title="Exit Translation">x</span></div> <div id="LanguageMenuPanel"> <div class="DDStyle_outer"><input id="LanguageMenu_svid" style="display: none" type="text" name="LanguageMenu_svid" value="en"/><input id="LanguageMenu_textid" style="display: none" type="text" name="LanguageMenu_textid"/><span id="__LanguageMenu_header" class="DDStyle">English</span> <div style="position: relative; text-align: left; left: 0"> <div style="position: absolute; left: 0"> <div id="__LanguageMenu_popup" class="DDStyle" style="display: none"> <table id="LanguageMenu" border="0"><tbody><tr><td><a tabindex="-1" href="#ar" rel="noopener">Arabic</a></td> <td><a tabindex="-1" href="#he" rel="noopener">Hebrew</a></td> <td><a tabindex="-1" href="#pl" rel="noopener">Polish</a></td> </tr><tr><td><a tabindex="-1" href="#bg" rel="noopener">Bulgarian</a></td> <td><a tabindex="-1" href="#hi" rel="noopener">Hindi</a></td> <td><a tabindex="-1" href="#pt" rel="noopener">Portuguese</a></td> </tr><tr><td><a tabindex="-1" href="#ca" rel="noopener">Catalan</a></td> <td><a tabindex="-1" href="#mww" rel="noopener">Hmong Daw</a></td> <td><a tabindex="-1" href="#ro" rel="noopener">Romanian</a></td> </tr><tr><td><a tabindex="-1" href="#zh-CHS" rel="noopener">Chinese Simplified</a></td> <td><a tabindex="-1" href="#hu" rel="noopener">Hungarian</a></td> <td><a tabindex="-1" href="#ru" rel="noopener">Russian</a></td> </tr><tr><td><a tabindex="-1" href="#zh-CHT" rel="noopener">Chinese Traditional</a></td> <td><a tabindex="-1" href="#id" rel="noopener">Indonesian</a></td> <td><a tabindex="-1" href="#sk" rel="noopener">Slovak</a></td> </tr><tr><td><a tabindex="-1" href="#cs" rel="noopener">Czech</a></td> <td><a tabindex="-1" href="#it" rel="noopener">Italian</a></td> <td><a tabindex="-1" href="#sl" rel="noopener">Slovenian</a></td> </tr><tr><td><a tabindex="-1" href="#da" rel="noopener">Danish</a></td> <td><a tabindex="-1" href="#ja" rel="noopener">Japanese</a></td> <td><a tabindex="-1" href="#es" rel="noopener">Spanish</a></td> </tr><tr><td><a tabindex="-1" href="#nl" rel="noopener">Dutch</a></td> <td><a tabindex="-1" href="#tlh" rel="noopener">Klingon</a></td> <td><a tabindex="-1" href="#sv" rel="noopener">Swedish</a></td> </tr><tr><td><a tabindex="-1" href="#en" rel="noopener">English</a></td> <td><a tabindex="-1" href="#ko" rel="noopener">Korean</a></td> <td><a tabindex="-1" href="#th" rel="noopener">Thai</a></td> </tr><tr><td><a tabindex="-1" href="#et" rel="noopener">Estonian</a></td> <td><a tabindex="-1" href="#lv" rel="noopener">Latvian</a></td> <td><a tabindex="-1" href="#tr" rel="noopener">Turkish</a></td> </tr><tr><td><a tabindex="-1" href="#fi" rel="noopener">Finnish</a></td> <td><a tabindex="-1" href="#lt" rel="noopener">Lithuanian</a></td> <td><a tabindex="-1" href="#uk" rel="noopener">Ukrainian</a></td> </tr><tr><td><a tabindex="-1" href="#fr" rel="noopener">French</a></td> <td><a tabindex="-1" href="#ms" rel="noopener">Malay</a></td> <td><a tabindex="-1" href="#ur" rel="noopener">Urdu</a></td> </tr><tr><td><a tabindex="-1" href="#de" rel="noopener">German</a></td> <td><a tabindex="-1" href="#mt" rel="noopener">Maltese</a></td> <td><a tabindex="-1" href="#vi" rel="noopener">Vietnamese</a></td> </tr><tr><td><a tabindex="-1" href="#el" rel="noopener">Greek</a></td> <td><a tabindex="-1" href="#no" rel="noopener">Norwegian</a></td> <td><a tabindex="-1" href="#cy" rel="noopener">Welsh</a></td> </tr><tr><td><a tabindex="-1" href="#ht" rel="noopener">Haitian Creole</a></td> <td><a tabindex="-1" href="#fa" rel="noopener">Persian</a></td> <td> </td> </tr></tbody></table><img alt="" style="height: 7px; width: 17px; border-width: 0; left: 20px"/></div> </div> </div> </div> </div> <div id="CTFLinksPanel"><span id="ExternalLinksPanel"><a id="HelpLink" title="Help" href="https://go.microsoft.com/?linkid=9722454" target="_blank" rel="noopener"> <img id="HelpImg"/></a> <a id="EmbedLink" title="Get this widget for your own site" rel="noopener"> <img id="EmbedImg"/></a> <a id="ShareLink" title="Share translated page with friends" rel="noopener"> <img id="ShareImg"/></a> </span></div> <div id="FloaterProgressBar"> </div> </div> <div id="WidgetFloaterCollapsed" style="display: none"><span>TRANSLATE with </span><img id="CollapsedLogoImg"/></div> <div id="FloaterSharePanel" style="display: none"> <div id="ShareTextDiv"><span id="ShareTextSpan"> COPY THE URL BELOW </span></div> <div id="ShareTextboxDiv"><input id="ShareTextbox" type="text" name="ShareTextbox" readonly="readonly"/><a id="EmailLink" title="Email this translation" rel="noopener"/> <img id="EmailImg"/></div> <div id="ShareFooter"><span id="ShareHelpSpan"><a id="ShareHelpLink" rel="noopener"/> <img id="ShareHelpImg"/></span> <span id="ShareBackSpan"><a id="ShareBack" title="Back To Translation" rel="noopener"> Back</a></span></div> <input id="EmailSubject" type="hidden" name="EmailSubject" value="Check out this page in {0} translated from {1}"/><input id="EmailBody" type="hidden" name="EmailBody" value="Translated: {0}%0d%0aOriginal: {1}%0d%0a%0d%0aAutomatic translation powered by Microsoft® Translator%0d%0ahttp://www.bing.com/translator?ref=MSTWidget"/><input id="ShareHelpText" type="hidden" value="This link allows visitors to launch this page and automatically translate it to {0}."/></div> <div id="FloaterEmbed" style="display: none"> <div id="EmbedTextDiv"><span id="EmbedTextSpan">EMBED THE SNIPPET BELOW IN YOUR SITE</span> <a id="EmbedHelpLink" title="Copy this code and place it into your HTML." rel="noopener"/> <img id="EmbedHelpImg"/></div> <div id="EmbedTextboxDiv"><input id="EmbedSnippetTextBox" type="text" name="EmbedSnippetTextBox" value="<div id='MicrosoftTranslatorWidget' class='Dark' style='color:white;background-color:#555555'></div><script type='text/javascript'>setTimeout(function(){var s=document.createElement('script');s.type='text/javascript';s.charset='UTF-8';s.src=((location && location.href && location.href.indexOf('https') == 0)?'https://ssl.microsofttranslator.com':'http://www.microsofttranslator.com')+'/ajax/v3/WidgetV3.ashx?siteData=ueOIGRSKkd965FeEGM5JtQ**&ctf=true&ui=true&settings=manual&from=en';var p=document.getElementsByTagName('head')[0]||document.documentElement;p.insertBefore(s,p.firstChild); },0);</script>" readonly="readonly"/></div> <div id="EmbedNoticeDiv"><span id="EmbedNoticeSpan">Enable collaborative features and customize widget: <a href="http://www.bing.com/widget/translator" target="_blank" rel="noopener">Bing Webmaster Portal</a></span></div> <div id="EmbedFooterDiv"><span id="EmbedBackSpan"><a title="Back To Translation" rel="noopener">Back</a></span></div> </div> </div> <div class="text-center text-muted">内容来源于网络如有侵权请私信删除</div> <div id="wklm-wrap"></div><script type="text/javascript">function wklmRender(data) { document.getElementById('wklm-wrap').innerHTML=data.html;}</script><script src="https://wenku.baidu.com/ndAlliance/api/toc?fr=wklm_b80a3fa5a0c7aa00b52acfc789eb172ded6399b1_200140108&callback=wklmRender" type="text/javascript"></script> <style>html, body, #app {display: inline; height: auto;}</style> <div class="well"> <p>文章来源: <strong class="mll">博客园</strong></p> <p> 原文链接: <a href="https://www.cnblogs.com/cmjz-life/p/16987374.html" class="mll transition" rel="nofollow" target="_blank"> https://www.cnblogs.com/cmjz-life/p/16987374.html </a> </p> </div> <div class="article-tags"> 标签： <a class="btn-tag" href="http://article.itxueyuan.com/tag/maxOS">maxOS</a> <a class="btn-tag" href="http://article.itxueyuan.com/tag/OS%20X">OS X</a> </div> <div class="article-sns"> <a class="love" href="http://www.itxueyuan.com/login"><i class="es-icon es-icon-favorite"></i><span class="js-like-num"></span></a> <span class="es-share right"> <a class="dropdown-toggle" href="javascript:;" data-toggle="dropdown"> <i class="es-icon es-icon-share"></i> </a> <div class="dropdown-menu js-social-share-params" data-title=" Logseq001笔记类--视频悬浮插件--Helium " data-summary=" 这是我准备新开的学习记录系列之一今天写一个插件的介绍吧—— Helium —— 视频悬浮插件 y" data-message="我正在看「 Logseq001笔记类--视频悬浮插件--Helium 」，关注「IT学院」，分享知识，成就未来。" data-url="http://article.itxueyuan.com/541498" data-picture="http://article.itxueyuan.com/assets/img/default/wiki.png"> <input type="hidden" class="point-share-url" value="http://article.itxueyuan.com/share/541498/%0A%20%20%20%20Logseq001%E7%AC%94%E8%AE%B0%E7%B1%BB--%E8%A7%86%E9%A2%91%E6%82%AC%E6%B5%AE%E6%8F%92%E4%BB%B6--Helium%0A%20%20%20%20%0A%0A%0A%0A/article/point"> <a href="javascript:;" class="js-social-share" data-cmd="weixin" title="分享到微信" data-share="weixin" data-qrcode-url="http://article.itxueyuan.com/share/common/qrcode?text=http%3A%2F%2Farticle.itxueyuan.com%2F541498"><i class="es-icon es-icon-weixin"></i></a> <a href="javascript:;" class="js-social-share" data-cmd="tsina" title="分享到新浪微博" data-share="weibo"><i class="es-icon es-icon-weibo"></i></a> <a href="javascript:;" class="js-social-share" data-cmd="qq" title="分享到QQ好友" data-share="qq"><i class="es-icon es-icon-qq"></i></a> <a href="javascript:;" class="js-social-share" data-cmd="qzone" title="分享到QQ空间" data-share="qzone"><i class="es-icon es-icon-qzone"></i></a> </div> </span> </div> <div class="empty"> 你还没有登录，请先<a href="http://www.itxueyuan.com/login">登录</a>或<a href="http://www.itxueyuan.com/register">注册</a>！ </div> <ul class="comment-list thread-pripost-list"> <li class="empty">还没有人评论，欢迎说说您的想法！</li> </ul> <nav class="text-center"> </nav> </section> </div> <aside class="col-md-4 article-sidebar">  <br /> <div class="panel panel-default hot-article"> <div class="panel-heading"> <h3 class="panel-title"><i class="es-icon es-icon-whatshot"></i>热门文章 </div> <div class="panel-body"> <div class="media media-number"> <div class="media-left"> <span class="num">1</span> </div> <div class="media-body"> <a class="link-dark" href="http://article.itxueyuan.com/x4krX" title="简单利用Clover四叶草安装U盘安装黑苹果">简单利用Clover四叶草安装U盘安装黑</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">2</span> </div> <div class="media-body"> <a class="link-dark" href="http://article.itxueyuan.com/gpqKR" title="Linux常用的编辑保存退出命令">Linux常用的编辑保存退出命令</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">3</span> </div> <div class="media-body"> <a class="link-dark" href="http://article.itxueyuan.com/7wlXG" title="制作MacOS 系统启动盘">制作MacOS 系统启动盘</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">4</span> </div> <div class="media-body"> <a class="link-dark" href="http://article.itxueyuan.com/3eP12E" title="我的黑苹果之路 9400f + msi b360 mortar + 1050ti">我的黑苹果之路 9400f + msi </a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">5</span> </div> <div class="media-body"> <a class="link-dark" href="http://article.itxueyuan.com/Pgjy8W" title="Mac 查找粘贴板记录">Mac 查找粘贴板记录</a> </div> </div> <div class="media media-number"> <div class="media-left"> <span class="num">6</span> </div> <div class="media-body"> <a class="link-dark" href="http://article.itxueyuan.com/pB1j4O" title="黑苹果 macOS 10.13.6 17G66 安装 nVidia WebDriver">黑苹果 macOS 10.13.6 17</a> </div> </div> </div> </div>  <div class="article-tags img-responsive thumb"> <a href="http://7wan.zunniu.com/games/detail/238.htm" target="_blank"><video alt="" src="https://video.itxueyuan.com/1672473525178992.mp4" width="100%" autoplay="autoplay" muted="muted" loop="loop"/></video> </div> </div> <br /> <div class="panel panel-default hot-tag"> <div class="panel-heading"> <h3 class="panel-title"><i class="es-icon es-icon-loyalty"></i>热门标签</h3> </div> <div class="panel-body"> <a class="btn-tag" href="http://article.itxueyuan.com/tag/maxOS/osx"> maxOS</a> <a class="btn-tag" href="http://article.itxueyuan.com/tag/OS%20X/osx"> OS X</a> </div> </div>  <div class="panel panel-default recommend-article"> <div class="panel-heading"> <h3 class="panel-title"> <i class="es-icon es-icon-language"></i>推荐文章 </h3> </div> <div class="panel-body"> <div class="media media-number"> <div class="media-left"> <span class="num">1</span> </div> <div class="media-body"> <a class="link-dark" href="http://article.itxueyuan.com/J0L6x" title="手动清除mac的广告弹框病毒 MacOSDefender">手动清除mac的广告弹框病毒 MacO</a> </div> </div> </div> </div> </aside> </div> </div> <footer class="es-footer"> <div class="copyright"> <div class="container"> Copyright © 2020 <strong> All Rights Reserved. <a href="https://beian.miit.gov.cn">京ICP备17044912号-2</a> Powered by <a href="http://www.itxueyuan.com" target="_blank">IT学院</a> </strong> </div> </div> </footer> </div> <div id="float-consult" class="float-consult hidden-xs"> <div class="btn-group-vertical"> <span class="btn btn-consult-danger float-consult-qq-btn" data-container=".float-consult-qq-btn" data-title="QQ客服" data-content-element="#consult-qq-content"><span class="icon icon-qq"></span></span> <span class="btn btn-consult-danger float-consult-qqgroup-btn" data-container=".float-consult-qqgroup-btn" data-title="QQ群" data-content-element="#consult-qqgroup-content"><span class="icon icon-qqgroup"></span></span> <span class="btn btn-consult-danger float-consult-weixin-btn" data-container=".float-consult-weixin-btn" data-title="微信公众号" data-content-element="#consult-weixin-content"><span class="icon icon-weixin"></span></span> </div> <div class="consult-contents"> <div id="consult-qq-content"> <p> <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2146702207&site=qq&menu=yes" > <img class="mrs" src="http://article.itxueyuan.com/assets/v2/img/bar_qq.png" alt="" title="点击这里给我发消息" alt=""> 客服 </a> </p> </div> <div id="consult-qqgroup-content"> <p> <span class="icon icon-qqgroup text-muted" style="font-size:14px;"></span> 官方群 <br> <p class="text-overflow"> <a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=4d81ac81e42777a6faeb543d4367602988b210651c7b4b8284c4f3768abd99f5"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="IT学院" title="IT学院"></a> </p> </p> </div> <div id="consult-phone-content"> <p> <strong>服务时间：</strong> </p> </div> <div id="consult-weixin-content"> <img src="http://imgs.itxueyuan.com/weiChat-20180205112808-5008.jpg?time=1517801304?time=1517802222?time=1625480047?time=1625480057" class="qrcode center-block"> </div> <div id="consult-email-content"> <a href="mailto:"></a> </div> </div> </div> <div id="login-modal" class="modal" data-url="" data-backdrop="static" data-keyboard="false"></div> <div id="modal" class="modal" data-backdrop="static" data-keyboard="false"></div> <div id="attachment-modal" class="modal" data-backdrop="static" data-keyboard="false"></div> <script> var app = {}; app.debug = true; app.version = '1.0'; app.httpHost = 'http://article.itxueyuan.com'; app.basePath = ''; app.theme = ''; app.themeGlobalScript=''; app.jsPaths = ''; var CKEDITOR_BASEPATH = app.basePath + '/assets/libs/ckeditor/4.6.7/'; app.config = {"api":{"weibo":{"key":""},"qq":{"key":""},"douban":{"key":""},"renren":{"key":""}},"loading_img_path":"http:\/\/article.itxueyuan.com\/assets\/img\/default\/loading.gif"}; app.arguments = {}; app.controller = 'article/detail'; app.scripts = null; app.uploadUrl = 'upload'; app.imgCropUrl = 'img/crop'; app.mainScript = 'http://article.itxueyuan.com/bundles/topxiaweb/js/app.js'; app.lang = 'zh_CN'; </script> <script src="http://article.itxueyuan.com/bundles/bazingajstranslation/js/translator.min.js"></script> <script src="http://article.itxueyuan.com/assets/libs/seajs/seajs/2.2.1/sea.js"></script> <script src="http://article.itxueyuan.com/assets/libs/seajs/seajs-style/1.0.2/seajs-style.js"></script> <script src="http://article.itxueyuan.com/assets/libs/seajs/seajs-text/1.1.1/seajs-text.min.js"></script> <script src="http://article.itxueyuan.com/assets/libs/seajs-global-config.js"></script> <script src="http://article.itxueyuan.com/assets/libs/rightdownad/jquery_1_7.js"></script> <script> seajs.use(app.mainScript); </script> <div id="wrap"> <img id="lgvip" src="https://imgs.itxueyuan.com/advPicture/adv-1662379508-4007-pic.jpeg" title="https://imgs.itxueyuan.com/advPicture/adv-1662379508-4007-pic.jpeg" class="img-responsive thumb"> </div> </body> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?8d01f819a3475e2178b2d5656382193f"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script>  <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" > </script> </html>