Shulou(Shulou.com)06/01 Report--

With TensorFlow is how to make a small yellow map filter, many novices are not very clear about this, in order to help you solve this problem, the following editor will explain in detail for you, people with this need can come to learn, I hope you can gain something.

What is NSFW?

For those who don't know, let's unify the popular science here: the full name of NSFW is "Not Safe For Work". As can be seen from the name, this is a unique mark of illegal content. It is often used to mark emails, videos, blogs, forum posts, etc., with pornographic, violent, bloody, extremely alternative content, so as to prevent readers from clicking and browsing improperly. A common use is to add a pair of parentheses at the end of the link, marking "NSFW" in parentheses.

The "NSFW Filter" developed by Pottekkat is a Web extension that filters out NSFW images when you browse the site.

When loading a web page, "NSFW Filter" uses TensorFlow JS, a machine learning framework, to examine NSFW images. After the web page is loaded, all images will remain hidden until the above check steps are completed. If the images are found to be NSFW, they will remain hidden. Otherwise, they will become visible.

The extension runs completely on your browser (supports Google Chrome and Mozilla Firefox browsers), that is, no user data is sent to the server for processing, which ensures the privacy and security of users.

Demonstration effect

The website used for this project demonstration is scroller/nsfw, which will randomly load NSFW images (do not open it! Don't open it! Don't open it! Say the important thing three times! ).

The following dynamic diagram shows the functionality of the NSFW filter. The filtered images are displayed normally, while those that are not suitable for ordinary netizens are hidden (since there are few "normal" images on scroller/nsfw, what you see is a blank).

Installation process

"NSFW Filter" supports Chrome and Firefox browsers.

If you are a Chrome browser user, because "NSFW Filter" is not yet available in Chrome Webstore, please follow the steps below to install.

Clone this repository, navigate through the project folder, and install the dependencies by running the following command:

Npm ci

After installing the dependencies, build the project by executing the following command:

Npm run build

Set up the Chrome browser

After the installation is complete, open the Chrome browser and find the "set" → "extension" in the upper right corner (or enter chrome://extensions/ directly in the address bar). Click the developer Mode switch in the upper right corner to open developer Mode.

Next, click the LOAD UNPACKED button, and then select the extension directory (... / dist).

The installation is complete!

Set up the Firefox browser

If you are a Firefox browser user and just want to use the extension, please use the browser to open the following link: https://addons.mozilla.org/en-US/firefox/addon/nsfw-filter/. Then click "Add to Firefox" to add the extension to the browser.

If you want to install the developer version, please perform the following steps after completing the installation steps:

Open a Firefox browser and enter about:debugging#/runtime/this-firefox to reach the Debug Add-ons page.

Click Load Temporary Add-on, and then select the file manifest.json from the... / dist directory. The installation is complete!

In order to test the effect of the extension, we install Firefox to test it, and the results are OK:

However, the video content of NSFW will still play automatically, and it seems that the project needs to be iterated.

Is it helpful for you to read the above content? If you want to know more about the relevant knowledge or read more related articles, please follow the industry information channel, thank you for your support.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.