Git Product home page Git Product logo

bilibili-subtitle's Introduction

简介

哔哩哔哩字幕列表是一个浏览器扩展,旨在提供更高效和可控的视频信息获取方式。

该扩展会显示视频的字幕列表,让用户能够快速浏览字幕内容,并通过点击跳转到相应的视频位置。同时,用户还可以方便地下载字幕文件。

除此之外,该扩展还提供了视频字幕总结功能,帮助用户快速掌握视频的要点。

该扩展主要面向知识学习类的视频,帮助用户更好地理解和总结视频内容。

功能特点

  • 🎬 显示视频的字幕列表
  • 🔗 点击字幕跳转视频对应位置
  • 📥 多种格式复制与下载字幕
  • 📝 多种方式总结字幕
  • 🌍 翻译字幕
  • 🌑 深色主题

下载扩展

使用说明

安装扩展后,在哔哩哔哩网站观看视频时,视频右侧会显示字幕列表面板。

使用本地Ollama模型

如果你使用本地Ollama模型,需要配置环境变量:OLLAMA_ORIGINS=chrome-extension://bciglihaegkdhoogebcdblfhppoilclp,否则访问会出现403错误。

然后在插件配置里,apiKey随便填一个,服务器地址填http://localhost:11434,模型选自定义,然后填入自定义模型名如llama2

但是测试发现llama2 7b模型比较弱,无法返回需要的json格式,因此总结很可能会无法解析响应而报错(但提问功能不需要解析响应格式,因此没问题)。

交流联系

QQ群:194536885

微信公众号:IndieKKY

twitter:https://twitter.com/IndieKky

github: IndieKKY

问题反馈

如果您在使用过程中遇到任何问题,或者有任何改进建议,请在项目的 Issue 页面 中提出。我们欢迎您的反馈,并会尽快回复和处理相关问题。

开发指南

node版本:18.15.0 包管理器:pnpm

本地开发时,pnpm run dev可以开启本地调试,但只能调试部分功能; pnpm run build_chrome可以构建项目,然后浏览器扩展中加载dist目录即可,此方式可以调试完整功能,但不是很方便,从改代码到构建完看到效果耗时比较长(取决于你的电脑性能)。

贡献指南

欢迎贡献代码或提出改进建议!如果您希望为该项目做出贡献,请遵循以下步骤:

  1. Fork该仓库到您自己的账号。
  2. 创建您的分支并进行修改。
  3. 提交修改前,请确保您的代码通过了所有的测试,并保持良好的代码风格。
  4. 提交 Pull Request,描述清楚您的修改内容和目的。
  5. 我们将仔细审查您的贡献,并与您进行讨论和反馈。
  6. 一旦您的贡献被接受并合并到主分支,您的修改将成为项目的一部分。

许可证

该项目采用 MIT 许可证,详情请参阅许可证文件。

截图

完整截图

bilibili-subtitle's People

Contributors

domsgit avatar indiekky avatar itcatplayit avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

bilibili-subtitle's Issues

请问能否添加一个一键复制字幕的功能

有时候想要保存字幕只能先下载,感觉还是麻烦了,能否添加一个一键复制字幕到剪切板的功能(复制的内容不包括换行符)?或者能否修改下让在article view界面直接鼠标选中字幕复制能够不复制到换行符(还有会复制到中间的key points等字,能否也去除掉)感谢感谢!
image

not translating to english?

Screenshot 2023-08-08 at 10 45 28 PM Screenshot 2023-08-08 at 10 45 38 PM

i'm english and this seems very useful for me but it doesn't want to translate to english and the interface isn't translated so i'm not sure how to fix this

部分视频显示未找到字幕

请问这个扩展的实现是通过爬虫还是openai的语音识别呢?有些视频我发现提示没有找到字幕,看到设置里面有openai的配置,请问是可以通过api自动生成字幕吗?

如何开关自动翻译

大牛,你好!有些视频并不想要自动翻译,可是我没有在界面上找到关于开关自动翻译的控制。请问这个怎么处理呢

本地ollama模型无法使用

“使用本地Ollama模型
如果你使用本地Ollama模型,需要配置环境变量:OLLAMA_ORIGINS=chrome-extension://bciglihaegkdhoogebcdblfhppoilclp,否则访问会出现403错误。

然后在插件配置里,apiKey随便填一个,服务器地址填http://localhost:11434,模型选自定义,然后填入自定义模型名如llama2。

但是测试发现llama2 7b模型比较弱,无法返回需要的json格式,因此总结很可能会无法解析响应而报错(但提问功能不需要解析响应格式,因此没问题)。”

已经按照上述要求进行了设置,对gemma2:9b ,codegemma:latest ,deepseek-coder-v2:latest ,phi3:14b ,llama3:latest 都使用过,全部都是“Unexpected end of JSON input” ,包括翻译,提问,要点总结等功能,全部失败。使用openai的key调用都可以成功,排除软件安装错误。

深色主题优化

我发现原来的深色模式偏蓝,感觉不够理想。我自己用F12调了调,找到了个我觉得更舒服的设置。要是开发者能用上这个建议就太好了或许能大幅提升用户体验。
image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.