Vimeo and Microsoft Stream filtering

[bee911]

Thank you very much for this filter. works perfectly with web sites and youtube, amazon, etc. video sites. however, i am unable to get to work with vimeo videos, and don't see vimeo listed under config\audio\supported sites. with closed caption on, advancedprofanityfilter will successfully substitute closed-captioned text found with word i configured (REMOVED) as shown in below image

but it will not mute audio as it does with other supported sites. i have reviewed your doc (Audio Muting: Adding a Custom Site) but unable to find a word in the f12 elements second, and have also attempted 3. Video TextTrack Mode method without success. i am using chrome browser

finally, i am also not able to get it to work with microsoft stream (web.microsoftstream.com) but did find the node as your doc stated as shown below:

would you please let me know how to add filtering for microsoft stream as well? thank you much for help.

[richardfrost]

You're welcome @bee911! I'm so glad you like it.

Vimeo

Here are the details I found for Vimeo. I tested with this video. Temporarily adding the word summertime to the filter, and testing around the 4:10 mark.

I looked through several videos, and I never found one that had multiple lines in the captions. If there is a video that has multiple lines, I'd like to see it, because I don't think this config will work for it, but it does seem to work fine as long as there is only one line. If you can, take it for a spin and let me know how it goes.

HTML Structure

<div class="vp-captions opacity-100 color-black" aria-live="assertive" style="font-size: 24px; font-variant: initial; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; color: rgb(255, 255, 255); text-shadow: none;" lang="en-x-autogenerated" dir="ltr">
  <span class="vp-captions-window" style="background-color: rgba(0, 0, 0, 0);">
    <span class="vp-captions-line"> of this recliner summertime, you know, what's outside what sun</span> <!-- node -->
  </span>
</div>

Audio Config

{
  "vimeo.com": {
    "className": "vp-captions-line",
    "displaySelector": "div.vp-captions > span.vp-captions-window",
    "mode": "element",
    "note": "Only tested with single line of caption/subtitle text",
    "tagName": "SPAN"
  }
}

To test this, you can copy-paste this to the "Custom Sites" area found in the extensions Option's page > Audio tab. After pasting it in there, click the blue "Save" button, and then refresh/open a new tab to the video site and give it a try. If it works, I'll go ahead and add it to the official list of supported sites.

Microsoft Stream

I don't have access to this service, but the details you included are definitely helpful. Unfortunately there isn't quite enough to on on with the screenshot you gave (which is definitely valuable, but doesn't have quite enough information). If you could get the element just above that one it would be helpful. You can probably just play a video with captions, and then use the web developer tools on the elements page, and search for the caption text and then send me a screenshot of the surrounding elements. Really I just need to know the parent, or maybe grandparent of the example node you posted. If you can get that to me I should be able to get a config for you to test.

[bee911]

hello, thank you so much for you reply. i greatly appreciate your help.

unfortunately, the vimeo video is still not working consistently. as appears my investment site has player in an iframe. here more details from f12 dev tools if helpful. highlighted is foul language:

i was able to get vimeo to work once i saw the vimeo url above. so i simply changed the config you provided prefixing player. and works perfectly:

{
  "player.vimeo.com": {
    "className": "vp-captions-line",
    "displaySelector": "div.vp-captions > span.vp-captions-window",
    "mode": "element",
    "note": "Only tested with single line of caption/subtitle text",
    "tagName": "SPAN"
  }
}

here are details from microsoft stream (web.microsoftstream.com):

[bee911]

yes, it is specified as "God" in filter config as shown in my previous screen snapshot above and "Exact".

here is one of my sites showing issue where you will see removed which is the word Good

only way i can get to stop is i have to add the domain to filter config and set to disabled. so here is what it should be:

sorry i didn't have chance to try your video yet.

thank you for help.

[richardfrost]

Oh, sorry. You have it set up correctly, but need to uncheck "Repeated" for "God". What is happening is its including words that repeat characters. So, for instance, "god" would match "ggoodd" as well as "good", which you found. That option is there because some people will add emphasis to curse words by repeating characters, and its not very easy to add every variation, which is what this option tries to help with. A lot of words its okay to leave it on, but for this one you will need to uncheck it.

No worries on the Video stuff, I'm sorry I don't have a better/faster way to test them out, but I'll get to it when I can. It would help if you could test that one when you have time, but no rush.

[bee911]

oh. ok. i also have added "Jesus" and it too has repeated option set and it works good. so repeated should be disabled for all words?

i will test the vimeon on iphone in little bit and let you know.

[richardfrost]

I would say for most words repeated is good to have enabled, as long as it works well. "god" is an example of a word that doesn't work well with it enabled, but any others that you aren't having problem I'd leave it on, because then it will match more variations of the word.

[bee911]

ok. thanks. i made change to "God" and sites work great now. thanks!

i also just tested the vimeo video (https://vimeo.com/703355279) and added summertime word with current config i have on iphone and it too didn't work.

what i noticed is it was still displaying all CC even though i have filter config to only show CC when a word is filtered. no beep occured. :(