Giter Club home page Giter Club logo

chenycl / chrome-extension-udemy-translate Goto Github PK

View Code? Open in Web Editor NEW
971.0 971.0 184.0 15.51 MB

Translate Udemy's subtitles into Chinese、English etc(Disneyplus+netflix+udemy+lynda+hulu+hbo now+primevideo)

Home Page: https://chrome.google.com/webstore/detail/udemy-translate/dechpgocmbnibandhfdpkmfkogmlnbkp?hl=en-US

JavaScript 58.65% HTML 2.60% TypeScript 37.33% SCSS 1.42%
baidu chinese chrome chrome-extension disneyplus english hbo hbo-translate language lynda-translate media-translate netflix-to-chinese netflix-translate translate udemy yandex youdao

chrome-extension-udemy-translate's Introduction

Udemy Translate

Udemy Translate

Build Status GitHub All Releases GitHub package.json version (branch) MIT Licence

About This Extension

This is a powerful Chrome extension that can translate subtitles from any website into different languages in real-time. It's no longer limited to specific video platforms but supports user-defined subtitle translation for any website.

Key Features

  • Supports subtitle translation for any website
  • Uses OpenAI API for high-quality translation
  • Supports locally deployed Ollama AI models
  • Users can customize target websites and DOM selectors
  • Real-time translation without page refresh
  • Supports multi-language translation
  • Customizable subtitle style and position
  • Support for third-party professional translation interfaces, as OpenAI and Ollama translation quality is not controllable

Installation Methods

First method: Install from the Chrome Web Store (link to be updated)

Second method: Download from WeChat Official Account or download the source code to build

  • Step 1:

Follow the WeChat Official Account: 影音下午茶 and reply '工具下载'

Open your Google Chrome or new version of Edge browser

Step 1

  • Step 2: Enable Developer Mode Step 2
image

Results:

Show

Show

Show

Show

Version

v3.0.0

Features

  • Basic translation
  • Netflix video support
  • Lynda video support
  • LinkedIn video support
  • HBO Now video support
  • HBO Max video support
  • Hulu video support
  • Amazon video support
  • Paramount+ video support
  • Disney+ video support
  • simplilearn.com support
  • Yandex translation API integration
  • Azure Cognitive Services
  • OpenAI
  • Ollama
  • Subtitle styling options

Usage

  • After installing the extension, click the extension icon to open the configuration panel
  • Choose the translation API (OpenAI or Ollama)
  • Enter the necessary API keys or configuration information
  • Add the domain of the website you want to translate subtitles for and the corresponding DOM selector
  • Save the settings and refresh the target webpage

Configuration Guide

OpenAI Configuration

  1. Select OpenAI in the configuration panel
  2. Enter your OpenAI API key
  3. Choose an appropriate model (e.g., gpt-3.5-turbo)
  4. Configure the proxy URL

Ollama Local Configuration (requires Node.js environment)

  1. Install Ollama: Visit Ollama official website to download and install
  2. Pull the required model:
    ollama pull qwen:4b # recommend qwen
  3. Select Ollama in the extension configuration panel
  4. Enter the Ollama service URL (default is http://localhost:11434)
  5. Start the local Ollama server:
    ollama serve
  6. Proxy local Ollama to HTTPS:
    1. Download https-local-cli, navigate to the directory, and run `npm link` to generate local SSL files
    2. Use ollama-proxy-https, run `npm start` to start the proxy service, enabling local interface translation (fastest speed, lowest latency) `

Custom Website Configuration

  1. In the configuration panel, add the domain of the website you want to translate subtitles for
  2. Specify the correct DOM selector for that website to locate subtitle elements
  3. Save the settings and refresh the target webpage to take effect

Notes

  • Ensure you have sufficient API usage quota
  • Ollama local deployment requires higher hardware configuration, please choose an appropriate model based on your device performance
  • First-time use may require some time to load and initialize the model

Cooperation Promotion

Contact via WeChat Official Account

Welcome to Follow the WeChat Official Account

There are related plugin usage tutorials. Follow and reply 'Translation Tool' to get it. Follow and reply '工具下载' to get the latest version. Regular sharing of audiovisual information worth watching.

Donation Channel ☕️

Alipay

WeChat

Communication

Telegram Group

Code Contribution

Contributions are welcome! Just send a PR for fixes and documentation updates, and open an issue for new features beforehand. Make sure tests pass and coverage remains high. Thank you!

chrome-extension-udemy-translate's People

Contributors

chenycl 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  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

chrome-extension-udemy-translate's Issues

更新之后百度api出现问题

更新之后百度翻译的api在全局模式下无法使用了,只能在pac情况下能够使用,有道云就可以在全局模式下使用,请问有解决方法吗?

cpu 占用率高 BUG

我有台2015款的 macbook pro 13,在使用这个插件观看Netflix视频的时候,cpu占用率达到了50%,而且页面也出现了卡顿的情况,我的建议如下图
image

这样修改后,cpu 的占用率明显下去了

已经不能用了吗?

我80的版本,已经通过--disable-web-security --user-data-dir=C:\MyChromeDevUserData
进行了跨域,而且成功,但是在看Netflix启动的翻译之后,所有字幕都没了!!!

不能支持日语字幕翻译

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

[建议]能否做成油猴子脚本?

greasyfork.org上有人给Lynda视频网做了油猴子脚本,添加中文字幕,功能与这个类似;
不知道是否可以把这个插件做成油猴子脚本?

edge浏览器播放disney+时,插件显示的字幕有一个大大的黑底

edge浏览器播放disney+时,插件显示的字幕有一个大大的黑底
如图所示:
https://i.loli.net/2020/11/19/GpeE7LKV69Qobkg.png

我希望作者能改进的是:
1,消除这个黑底,我尝试调节透明度,无效
2,如何设置显示1字幕或者2字幕?图中实际上有三个字幕了(插件显示两个字幕,还有一个disney自带的英文字幕给黑底挡住了)

环境:
win7
edge浏览器86.0.622.69
插件是最新的2.10

hulu字幕翻译一闪而过

打开Udemy翻译后看hulu字幕都是一闪而过,已尝试更换翻译源、文字大小及背景均无法解决。

Not working on Hulu

Describe the bug
Subtitles were not translated and nothing happened.

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'https://www.hulu.com/'
  2. Click on 'Arbitrary Video'
  3. Open Plugin
  4. See error

Expected behavior
The original English subtitles are shown against the machine-translated Chinese subtitles.

Desktop (please complete the following information):

  • OS: [Windows 10]
  • Browser [Chrome canary]
  • Version [89]

Additional context
Disney+ streaming works fine.

API问题

API会自己掉,不能保存,能不能加一个保存按钮?还有HBO now的貌似有点问题

翻译字幕不完整

在netflix里,总有些语句会被漏掉翻译不出来。试过Yandex 和百度的API都这样,不知是不是算个Bug?

win7 64sp1 chrome 版本 81.0.4044.113(64位)上老是没法保存api没有保存按钮

Describe the bug
当hulu.com没有浏览时,此时点击插件显示开启状态,
当浏览hulu时,插件默认又关闭了,打开后点击右上角设置,里面api值已经清空
还有字幕位置没有调整的地方
Desktop (please complete the following information):

  • OS: [win7 64 sp1]
  • Browser [Chrome]
  • Version [81.0.4044.113(64位)]

发现有Udemy翻译,很惊喜,却发现用不了。。。

先感谢大神开发~
Mac系统。照着说明做了,可以确保ID和Key没有问题(用的Baidu翻译API),但点击翻译就是一点反应也没有
然后发现拓展程序里显示这两个问题

Error handling response: SyntaxError: Unexpected token u in JSON at position 0
options.js:22 (匿名函数)

The specified value "" does not conform to the required format. The format is "#rrggbb" where rr, gg, bb are two-digit hexadecimal numbers.
lib/jquery-3.1.1.min.js:4 (匿名函数)

请问下怎么解决?

无法翻译

如题,按照教程一一填写了百度、有道云账号密码,但是每次打开插件还是无法翻译视频中的英文对话内容,Netflix、Prime Video都试过了,没有反应。更有趣的是每次打开翻译插件之后,视频中的原生英文字幕都莫名消失;关掉插件,原生英文字幕才会蹦出来了。
所以,就我一个人遇到这种问题了???。。。

能否自定义修改字幕样式,

能否自定义修改字幕样式
包括字体颜色 大小,位置等。
那个hbo now不知道为什么字体是黑色的,有些看不清楚。
其它的网站都是白色的

Notice/使用注意

  1. 配置时,请粘贴后,空格一次激活,然后在删除空格,检测机制才会生效,实际就是检测键盘输入,如果一个一个字母是没有问题的

2.disneyplus ,paramountplus 不用开启字幕cc显示

  1. 首次配置完成,请刷新视频站

  2. 百度云api 开启翻译,可能不支持全局代理,也就是全部走代理可能失效,那么需要分流

  3. 安装以公众号下载解压版本为主,直接在github下载的不行,希望完全没有概念的同学知晓.

  4. 有时候无字幕,无响应,看看是不全局节点的问题,百度的api有人反馈无法全局下使用,需要分流

wiki在这,随时补充
https://github.com/ChenYCL/chrome-extension-udemy-translate/wiki

牛逼!我服

今天看netflix也想到这个问题,能不能解析接口里面的字幕数据,实时翻译了以后外挂到网页上,没想到作者已经做出来了

请教Hbo Now 翻译显示的问题

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.
您好,非常感谢您开发了这么优秀的程序。
有个问题想请教一下,目前测试Netflix和hulu正常,但是不知道为什么hbo now有问题,只能翻译出第一句话,后续的就不再显示了,而且第一句翻译出来的内容会一直显示在屏幕上,后面的原文字幕会继续显示,但不再翻译了。系统是win10 64位企业版,翻译的程序选过谷歌和百度,但都不能正常使用。再次感谢!

美区amazon video无法翻译

美区的amazon video需要从www.amazon.com网页进入prime video进行观看,但是用插件不能翻译。插件只能翻译www.primevideo.com上的资源,但是通过这个网站访问需是美区以外的地区。麻烦帮忙看下能否解决美区的翻译?感谢!

在netflix无法支持日语和韩语,请支持

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

重构新版帮忙测试下

因为amazon,hbo now ,primevideo,hulu 目前没有账号,请有账号的朋友自行测试,重构版本,未作测试,如果可以,可在下方留言,谢谢

分支
下载

請問如何安裝?

我按照了你的說明圖片到擴充功能開啟開發者模式,然後不知道要怎麼把下載的檔案做進一步的使用?因為圖片完全沒有說明,而我是第一次使用,可以麻煩告知嗎? 謝謝

拉进扩展程序显示错误

未能成功加载扩展程序
文件
~/下载/chrome-extension-udemy-translate-master
错误
清单文件缺失或不可读取
无法加载清单。

Stopped working

I watched the video, it suddenly stopped working. What could be? Are you fine?

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.