How to find out what page and sentence it is on?

[zorbital]

I open up an audio lesson that I was listening to earlier, and push play.

Can something be done to allow me to tell it to move the page view and the sentence view to the point of the currently playing audio???

Surely this is the most obvious possible thing to want?

I have to scroll back and forth through page view trying to find the moving black underline.

Instead of me the human searching around trying to find it, the program already knows exactly where it is–please can you give me some way to find out where it is, besides randomly scrolling around looking for it?

What I wind up doing is giving up and starting at the beginning again.
But it is frustrating not to be able to easily continue from where I was previously.

[vet8t6z79pc4]

Look around the add-on I made.

Customized LingQ Reader Theme & Add-ons

[image] New Feature: Now the sentence playing is located at the center of the screen. You don’t need to scrol acording to the playing video. If you don’t want the sentence is fixed on the exact center use nearest instead of center in this part of the code playingSentence.scrollIntoView({behavior: 'smooth', block: 'center'}); It always locates the sentence inside a screen but not center. // ==UserScript== // @name LingQ Addon // @description Custom embedded player, and sort course…

[zorbital]

Thanks. But, that seems to show nothing at all with an audio lesson. Should it work with an audio lesson?

I tried it on a youtube lesson, and it does show the current text in a tiny area at the top of the screen–I can see about three lines, but it scrolls to keep the current one visible, which is nice. Is it supposed to show the translation as well?

[vet8t6z79pc4]

Since it is fitted for video lessons, you need to adjust some values like --height_big and some code to work with audio.

I could make it sometime later, but it is not planned yet.

[zorbital]

Thanks.

I cut back on height_big and reduced the -165 constant inside the article_height calculation to -65 to get enough text to be able to use it with a youtube video.

Also I found I needed to important set the .reader-widget to a higher z-index (100 worked) so the dictionary popups show up (that is, are not hidden behind the video).

[vet8t6z79pc4]

I made some adjustments for you. What do you think about this layout forthe audio lesson?

--height_big: 10px;

.main-content {
    grid-template-rows: 45px 1fr !important;
    overflow: hidden;
    grid-area: 1 / 1 / 2 / 1 !important;
    align-items: anchor-center;
}

.widget-area {
    grid-area: 1 / 2 / -1 / 2 !important;
}

.main-footer {
    grid-area: 3 / 1 / 3 / 1 !important;
    align-self: end;
  }

These are the codes changed. Copy and paste to the corresponding part. (.main-footer will substitute .main-footer.has-video in the original code.)

[zorbital]

Thanks.
It is interesting.
Do you know if there is any way to show the translation as well?
I like the way lingq shows the translation in a smaller font, so I can only bother to read it when I want to.

[vet8t6z79pc4]

Since I’ve never used the translate function, I totally don’t know about that.

[zorbital]

Thanks for the nice extension and all the help!

I have to change the font color so I can see it, because the font in yours is nearly white, and I think I don’t see the underline because I haven’t figured out how to fix its color to something dark enough to be visible.
Do you by chance know what to set to change the underline color?

Never mind, I found it–it is “is_playing_underline”, which is maybe a tricky name for a color variable.

[vet8t6z79pc4]

Change line --line_height: 1.7; to --line_height: 2.7; to make enough space between lines.

--is_playing_underline is the color of the underline.

[LeifGoodwin]

I assume this is in the web interface?

I reported this issue a long time ago, and I was told it is too difficult to fix. Someone else reported it recently, and they said they’d look into it.