SignIt

Lingua Libre SignIt translate a word in (French) Sign Language videos.

This extension allows you to translate a word into French sign language on any web page. When you read a text and come across a word you don't know, highlight that word, right click and click on the Sign it icon: the sign in LSF and the definition of the word in French will appear on a window. If a word is not available in LSF, we invite you to record it with our easy-to-use webapp on https://lingualibre.org. The definitions come from the French Wiktionary to which you can also contribute: https://fr.wiktionary.org.

Install

• Firefox > Open: https://addons.mozilla.org/en-US/firefox/addon/lingua-libre-signit/ > Install.

Manual install is possible for Chrome, Chromium. Should be eqully possible with Windows Edge.

Hacking

Firefox note: install of Firefox via snap install are not compatible with npm web-ext due to path changes, please install Firefox from deb.

Build & launch

# git clone the repository first, then...
npm install                 # Install dependencies
# Bump version : edit package.json and manifest.json, ex: 1.0.12 -> 1.0.13
npm run web-ext:build       # build the firefox extension into an instalable .zip
# Opens web browsers with lasted dev of SignIt and url defined in package.json
npm run web-ext:test-firefox         # Firefox
npm run web-ext:test-chromium        # Chromium

See also Mozilla's web-ext

Inspect

• Firefox > Open url about:debugging#/runtime/this-firefox > Section Temporary extensions : "Lingua Libre SignIt" > Click Inspect. See also: inspect Firefox extension.
• Chromium > Open url chrome://extensions/ > Find 'Lingua Libre SignIt' : click Inspect views service worker or `Errors

Mouse install

• Firefox > Open url about:debugging#/runtime/this-firefox > Load temporary Add-on : load ./dist/lingua_libre_signit-{latest}.zip
• Chromium > Open url chrome://extensions/ > Click Load unpacked : find SignIt root directory.

Visuals

Development

├── manifest.json (v.2) — defines extensions and dependencies rights.
├── background-script.js — main script.
├── SignItCoreContent.js — creates duo panels "Video | Definition"
├── SignItVideosGallery.js — given urls, creates gallery of videos.
├── content_scripts/
|   ├── signit.js — creates above text SignIt popup
|   └── wpintegration.js — on wikimedia sites, if page's title has a sign language video available, then display smartly.
└── popup/
    ├── popup.js — creates top bar SignIt icon's popup, with search, history and settings.
    └── SearchWidget.js — handle the search queries

Contribute

Contributors

We look for volunteers:

• Co-owners, JS developers
• Signers

Contact

• hugolpz

Code

• Github: Lingua-libre/SignIt/Issues — tickets manager
• Github: Lingua-libre/SignIt — code (JS)
• Translate SignIt's user interface

Documentation

• :meta:Lingua Libre/SignIt — Wikimedia project page with mission statement.

Services

• Lingualibre.org > Recording Studio — online tool to record words, once you specify a sign language, you can record videos of signed word at 400 per hour. They will be automatically available to SignIt.
• Lingua Libre SignIt for Firefox — a browser extension to click words in browser and show sign language videos generated via Lingualibre.