Как реализовать перевод слова при наведении мышки?

96
31 января 2022, 07:10

На сайте https://ororo.tv/ru при наведении мышки на субтитры появляется перевод слова. Как можно сделать нечто похожее без отправки каждый раз API запросов в Yandex Translate или web scraping'а? Важно, чтобы к каждому слову было несколько вариантов перевода.

Answer 1

возьмём видео, в котором 1000 слов, умножим на 3 варианта получим 3000 слов: 1) загрузить к ролику все слова, которые есть только в этом ролике. 2) загружать пачку слов на каждые n минут ролика. В любом случае первично перевести видео как-то надо и это не массив ключ (слово) => значение (перевод) чтобы вы могли словари языков загрузить и переводить.

Answer 2

Как я понимаю как работает этот сервис 1) при наведении мыши ищется слово под мышью и слово выделяется, слово запоминается 2) ищет запрос аяксом к службе перевода 3) при получении перевода показывается перевод в всплывающем окошке

Итого:

"Как можно сделать нечто похожее без отправки каждый раз API запросов в Yandex Translate или web scraping'а?" - можно весь словарь загружать вместе со страницей и тогда вместо запросов по аяксу можно будет искать в данных на странице. Прикидывая размер словаря - сотни мегабайт, идея эта совсем плохая. Так что ответ, нельзя. Можно если у вас совсем маленький словарь, на пару тысяч слов.

Кстати, возможен вариант, когда 1000 популярных слов сразу грузится на странице. Тогда сначала ищем данные в загруженных данных, а уже потом делаем аякс запрос. Еще надо не забыть кешировать запросы которые были сделаны по аякс.

READ ALSO
Как выводить значение input в массив

Как выводить значение input в массив

Есть два input и один buttonПри нажатии кнопки: первый input должен выводить ключ в ассоциативный массив, а второй значения ключа

179
Express не видит значения формы

Express не видит значения формы

При отправке формдаты reqbody express'а пустой

212
Переход между элементами с пропуском если есть class (hide)

Переход между элементами с пропуском если есть class (hide)

Здравствуйте помогите пожалуйстаКак сделать так что бы если в элементе li существует class hide тогда этот элемент пропустить и перейти к другому

78
помогите понять, как исправить ошибку Error in v-on handler: "TypeError: commentsListWidth is not a function"

помогите понять, как исправить ошибку Error in v-on handler: "TypeError: commentsListWidth is not a function"

мне просто нужно установить ширину списка, но появляется ошибка Error in v-on handler: "TypeError: commentsListWidth is not a function" как ее исправить?

100