登录注册

思源视频笔记插件 /B 站 / 百度网盘一键入库

刚试了下通义听悟的浏览器插件，可以设置监听当前浏览器页面的音频实时转成文本，搭配视频笔记用还不错

还有一个是 Kimi 官方出的插件，直接划线解释、总结

=============

把百度网盘的也加上了，虽然我自己用不上

所有生成的文档里初始的数据都不要做更改，否则影响正常使用

百度网盘视频笔记操作：
https://www.bilibili.com/video/BV19QYqeBEgi/?vd_source=6e1ad07c1e4ac69339c0b182ac45f53b

=============

之前看社区里有人发帖提视频笔记的需求，恰好最近我也有这方面的需要，索性就按照自己的想法开发了一个浏览器插件来实现 B 站视频的一键入库，这样的话就可以在思源里直接做视频笔记

考虑到要抓数据，浏览器插件在这方面是比较好做的，后续抖音、Youtube 看需要也会陆续加上，因为有些数据要走劫持逻辑，B 站前端有缓存不发起请求就不会触发下载按钮的刷新，这种情况一般是多强刷几次或者切换下分 P

关于平台视频数据可能丢失的问题，我的想法是可以等视频看完做完笔记之后选择持久化到本地，做一个备份，一旦平台数据没有了，自动把平台链接切换成本地链接就行了，相当于把一个跨域的 iframe 标签换成一个 video 标签，然后单独再写一套本地视频的逻辑，实现起来很简单，这种其实还是小概率事件，视频笔记感觉就算做，数据量也有限，其实我自己用的话大概率是不需要这个功能

我自己是很少做视频笔记的，所以也不清楚这方面功能优化的方向在哪里，等用一段时间有痛点了再做安排

仔细想下，还是之前用 edge 分屏的方式实现更灵活，那个实现起来更简单而且扩展性还好，只要网页上能播的都能做笔记，唯一麻烦点的是每次打开笔记需要单独开个分屏，还需要一个宽屏显示器，像现在这样把视频用 iframe 的方式放到思源文档里成本高不少，主要是跨域通信上，包括之前说的数据失效替换也更麻烦一些

像抖音的视频还有跨域的限制，还需要借助插件修改请求头，不然视频都播放不了，百度云上的视频都没法用 iframe 内嵌到思源文档里，后面看情况吧，有特别的需要才考虑重新支持分屏播放的逻辑，我相信没那么多人需要视频笔记

插件：https://github.com/coriger/siyuan-video-extension

B 站视频笔记操作：
https://www.bilibili.com/video/BV1rdYfeLE87/?vd_source=6e1ad07c1e4ac69339c0b182ac45f53b

思源笔记

思源笔记是一款隐私优先的个人知识管理系统，支持完全离线使用，同时也支持端到端加密同步。

融合块、大纲和双向链接，重构你的思维。
22337 引用 • 89380 回帖

1 引用

对思源剪藏插件的功能需求 • ACai

5 操作

coriger 在 2024-08-13 23:18:31 更新了该帖

coriger 在 2024-08-13 23:17:58 更新了该帖

coriger 在 2024-08-13 05:38:42 更新了该帖

coriger 在 2024-08-13 05:31:08 更新了该帖 coriger 在 2024-08-12 15:44:18 更新了该帖

coriger 3 个月前

8 感谢

2 关注

13 收藏

1 赞同

1 引用

5 操作

33 回帖

963 571 1 386 1 3

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

注册关于

请输入回帖内容 ...

coriger • 3 个月前 • 1
作者

类似这种效果，这样搞，还可以用上网盘的 AI 功能
其他回帖
mark-j • 2 个月前
付费者

发现一个 bug，没有办法点击“链接的编辑框”
mark-j • 3 个月前
付费者

作者你好！我的设想是这样，因为有些学科是做“大纲笔记”的，所以我是设想点时间戳的时候，直接写入笔记的末尾，截图也是。

1 回复

MrMang • 3 个月前

订阅者付费者

作者你好，我使用你的插件，有两个问题，第一是点击“下载单视频/下载合集”按钮没有用，第二是没有视频上方的“笔记模式”，按照你 github 上配置了 common.js，但是我的 F12 页面里面有 5 个 b3-list b3-list--background，尝试过 ctr+F5，都没有用，请问是什么问题呢？

========

经过排查，看到插件在运行时有这个问题，，我把截图和截图中显示不全的问题代码复制出来，请大佬帮忙看看怎么解决啊

var currentPageUrl;
const pageTemplateUrl = "E:\\SiYuanData\\data\\templates\\视频笔记模板.md"
const Authorization = "token wug2b7q5ul5cjcjx"
const notebook = "20220526004752-xsoh6fo"

/**
 * 把视频时长转换成字符串格式 
 * 参数单位是毫秒
 * @param {*} milliseconds 
 * @returns 
 */
function parseVideoTimeFromDuration(milliseconds){
    // 计算小时数
    var hours = Math.floor(milliseconds / (60 * 60 * 1000));
    // 计算剩余的分钟数
    var minutes = Math.floor((milliseconds % (60 * 60 * 1000)) / (60 * 1000));
    // 计算剩余的秒数
    var seconds = Math.floor((milliseconds % (60 * 1000)) / 1000);

    // 格式化小时、分钟和秒，确保它们是两位数
    hours = hours.toString().padStart(2, '0');
    minutes = minutes.toString().padStart(2, '0');
    seconds = seconds.toString().padStart(2, '0');

    // 根据时长判断并拼接字符串
    if (hours > 0) {
        return `${hours}:${minutes}:${seconds}`; // xx:yy:zz
    } else if (minutes > 0) {
        return `${minutes}:${seconds}`; // xx:yy
    } else {
        // 如果分钟和小时都为0，但秒数可能不为0（尽管在这个特定情况下它会是0，因为至少要有1秒）
        // 但为了完整性，我们还是返回秒数（尽管前导0可能看起来不必要）
        return `00:${seconds}`; // 00:xx，但注意这个分支实际上不太可能被触发，除非有特别的逻辑需要它
        // 或者，如果确实只需要在秒数大于0时才显示，可以改为：
        // return seconds > 0 ? `00:${seconds}` : '00:00';
    }
}


/**
 * 调用思源api
 * @param {} url 
 * @param {*} json 
 * @returns 
 */
async function invokeSiyuanApi(url,json){
    console.log("invoke siyuan api:"+url)
    console.log("invoke siyuan json:"+JSON.stringify(json))

    try {
        const response = await fetch(url, {
            method: "POST",
            headers: {
                "Authorization": Authorization,
                "Content-Type": "application/json",
            },
            body: JSON.stringify(json)
        });
        // 确保响应状态码是2xx
        if (!response.ok) {
            throw new Error('Network response was not ok');
        }
        // 你可以继续处理响应，例如获取JSON数据
        const data = await response.json();
        console.log("invoke siyuan api success,result is "+JSON.stringify(data))
        return data;
    } catch (error) {
        console.error('There has been a problem with your invokeSiyuanApi operation:', error);
    }
}


/**
 * 上传文件
 * @param {*} url 
 * @param {*} json 
 * @returns 
 */
async function invokeSiyuanUploadApi(formData){

    try {
        const response = await fetch("http://127.0.0.1:6806/api/asset/upload", {
            method: "POST",
            headers: {
                "Authorization": Authorization,
            },
            body: formData
        });
        // 确保响应状态码是2xx
        if (!response.ok) {
            throw new Error('Network response was not ok');
        }
        // 你可以继续处理响应，例如获取JSON数据
        const data = await response.json();
        console.log("invoke siyuan upload api success,result is "+JSON.stringify(data))
        return data;
    } catch (error) {
        console.error('There has been a problem with your invokeSiyuanApi operation:', error);
    }
}

2 回复

3 操作

MrMang 在 2024-08-19 21:49:48 更新了该回帖

MrMang 在 2024-08-19 21:48:40 更新了该回帖

MrMang 在 2024-08-19 21:34:37 更新了该回帖

查看全部回帖

coriger

回帖

帖子

积分

721

思源视频笔记插件 /B 站 / 百度网盘一键入库

相关帖子

云端存储服务提供商网络连通性校验异常

有没有什么同步比较快的办法

关于 docker 端的发布功能

更新 3.1.13 版本后的反链面板中的有趣问题

底部反链与笔记整理的问题

分享一套个人会员账号订阅管理的数据库模板

思源图床建议

欢迎来到这里！

近期热议

推荐标签标签

最新标签

思源视频笔记插件 /B 站 / 百度网盘一键入库

相关帖子

云端存储服务提供商网络连通性校验异常

有没有什么同步比较快的办法

关于 docker 端的发布功能

更新 3.1.13 版本后的反链面板中的有趣问题

底部反链与笔记整理的问题

分享一套个人会员账号订阅管理的数据库模板

思源图床建议

欢迎来到这里！

近期热议

推荐标签 标签

最新标签

推荐标签标签