Apart from those fully supported video websites like Netflix, Youtube, with eJOY extension 6, you can integrate the lookup feature on any video web that you want.
Requirement: the video you want to integrate must have close captions [CC] which means you can turn on or off the captions.
When integrated successfully, the lookup can be used by pressing one of the 2 keys: [<,] và [>.] on your keyboard. To translate a subline, press and hold Alt + J
How to integrate eJOY to a video web
Step 1: Get the element class of the video web from the Developer Tools view
Open the video web, eg: https://vimeo.com/144716677
Turn on the closed captions [CC]
Open Developer Tools
Right click on the website, choose Inspect. Or you can press and hold Ctrl+Shift+I for Windows (or Cmd+Opt+I for Mac) to open DevTools.
Under the Element tab of Developer Tools, press Ctrl + F (Windows) or Control + F (Mac) to search on the Element tabs. (1)
On the search bar, enter the subtitle to search for it (2). The below example is: “but a whole climbing adventure”.
Look for the ” class ” tag, the one closest to the subtitle found in Element tab. You’ll then see the content for element class. In this case, it is: vp-captions , the one inside the ” ” (the quote).
Step 2: Integrate
Open the Option page of eJOY: Right click on the eJOY icon from the menu bar. On the drop down menu, click on Options as seen in the image below.
On the Options page, please follow these steps:
>> Choose Integrate Video Sites (1)
>> Choose “Add new” (2)
>> Fill in the URL of the video web. Eg: Vimeo.com
>> Fill in the element class got from Step 1. Eg: vp-captions
>> Click on “Update” (3)
Step 3: Look up subtitle on the newly integrated video web
Back to the video web, press F5 or refresh the web to get updated with eJOY integration. Now you can press one of these 2 keys to look up the subtitle: [<,] & [>.]. You can press and hold Alt + J to translate a subline.
In addition, eJOY has provided the element class for some pages such as:
You need to select the page you want to integrate from the list of available sites and choose to Add.
If you couldn’t integrate eJOY successfully
There are 3 reasons that you couldn’t integrate eJOY to the video web:
- You got the incorrect Element class
- You couldn’t find the element class
- Other cases that we haven’t experienced before
Incorrect Element class
Please be informed that the Element class DOES NOT CONTAIN SPACE . If you see an element class like the ones below:
- class = “captionsText ng-xyz” , or
- class = “meta-script 9”
Please remove all characters after the space. In these cases, the element class would be “captionsText” or “meta-script”.
Element class not found
Please take a screenshot of the Developer tool view that you couldn’t find the Element class. Then send the following info to eJOY via [email protected]:
- link to video web that you want to integrate eJOY to
- screenshot of developer tool view where you couldn’t find the element class
We will send you back with instructions for your special cases. And thanks to your feedback, we can update this guideline with more specific cases.
I hope that this article can help you integrate eJOY successfully to your desired video webs and then this helps you learn English with joy and ease. Over time, we will update our list of video webs with full support thanks to your feedback. Happy learning to you!