Can I realize bitext functionality in Webflow (text to speech and translate by click)?


I am going to build a website for learning English. There will be few options to do that. One of them is reading articles and book summaries with bitext/parallel text. As I am becoming fan of no-code movement in general and of Webflow particularly, to do that in Webflow would be great. But I am new here, so there is a question: what is the best way to do it?

What I mean under bitext functionality, examples:

There are two main functions:

  1. when user clicks on a sentence (or part of a sentence if it is too long) - that part plays back by computer voice
  2. when user clicks on the icon near sentence - translation appears under original sentence (preferably translation must be ours, not generated by computer)

Any help are appreciated.