[Suggestion] - Filter results before loading them on screen. Animation is a little jarring at times. about youtube-filter HOT 7 CLOSED

thank you for the kind words!

Currently, the only way I have found to get a youtube video's length is by accesing its value in the DOM via the .ytd-thumbnail-overlay-time-status-renderer selector and it takes a little bit to be loaded.

Do you think there are other ways to get this value before it is rendered to the DOM?

from youtube-filter.

Yeah, I actually linked you the network file path in my original comment

from youtube-filter.

Oops, sorry about that!

I confess I'm still not quite sure how to access that via Javascript though. Would you please give me some hint on this?

A bit off topic, I was able to find multiple objects at window starting with yt(something). Some of them may contain info about all the displayed videos!

from youtube-filter.

Found it!

window["ytInitialData"].contents.twoColumnSearchResultsRenderer.primaryContents.sectionListRenderer.contents[0].itemSectionRenderer.contents

This object contain accurate and instant information of all videos. That is amazing. I will play around with it.

Thank you!

from youtube-filter.

No problem! Glad I could help :)

from youtube-filter.

Hey @Bengejd , I hope you're doing well!

After a long time I decided to return to this project. I'm creating a new repository and starting from scratch with webpack.

Anyhow, I came across a situation and thought I'd ask if you have any ideas how I can move through this:

I managed to access the Youtube object with the data for timestamps. The issue is that it's huge and deeply nested. Here is an example.

I need to find a way to access all keys with the name of "videoRenderer" and add them to a single array of objects, but I'm stuck on this. Do you have any suggestions?

Thank you!

from youtube-filter.

Update: I found a solution after asking it on stackoverflow!

I'll keep you updated about the new version, it's much faster than the previous one.

from youtube-filter.