Pinyin support for Language Learning with Netflix Extension

README.md

First, you need to install this extension: https://chrome.google.com/webstore/detail/requirify/gajpkncnknlljkhblhllcnnfjpbcmebm/related

Then:

1. Go to netflix.com and start a movie
2. Press the extension button so that "On" is displayed
3. Open developer tools by pressing F12
4. If not selected, go to the Console tab
5. Execute require("ctp", "chinese-to-pinyin");
6. Wait until you see Finished getting chinese-to-pinyin
7. Execute

let subtitlesSelector = ".lln-subs-font-adjust";
$("body").on('DOMSubtreeModified', subtitlesSelector, function() {
    $(subtitlesSelector).find("span").each(function() {
        let oldText = $(this).text();
        let newText = ctp(oldText);
        if (oldText !== newText) {
            $(this).text(newText);
        }
    });
});

1. Press F12 again to close the developer tools
2. Enjoy the movie!