Home eJOY Life eJOY FAQs How to integrate eJOY lookup feature into a video site

How to integrate eJOY lookup feature into a video site

0
80

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.

inspect

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.

choosing option

On the Options page, please follow these steps:

>> Choose Integrate Video Sites (1)

>> Choose “Add new” (2)

add new video

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

Tich hop video

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:

masterclass.com
osmosis.org
lynda.com
vimeo.com

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:

  1. You got the incorrect  Element class
  2. You couldn’t find the element class
  3. 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!

 

LEAVE A REPLY

Please enter your comment!
Please enter your name here

*

code

five + fifteen =

This site uses Akismet to reduce spam. Learn how your comment data is processed.